[[anonymous]]

Hi Folks, I have been struggling with posting images. I moved to the latest per-release, still the same.

I use Mercury theme. I set the Featured image to Wide, that works fine.

Inserted image to Wide in the body of the post, i.e  content. The images are then chopped to the width of the Content (or randomly) set in the Theme settings. The only alternative that I found is to set Content to the same width as the Page but them the text is too wide.

Can you please give me ANY ideas?

[Bob]

Any live example?

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[[anonymous]]

I don’t have a live site, I am juts trying to publish a proper post first, here is a screenshot how the second image ( first is Feature is getting chopped in odd shapes). Both set to “wide” class.

[Bob]

attach your website backup (in PM), I will check it tomorrow morning.

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[[anonymous]]

PM is a Private Reply?

[Bob]

yeap.

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[[anonymous]]

max file here 5 mb backup 38 mb? can you clarify what folder would you like me to copy?

[Bob]

I need an input folder, if it is still too large, use e.g. https://wetransfer.com/

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[[anonymous]]

Sorry, what is an input folder, I don’t see any in the directory?

[Bob]

Documents ▸ ⁨Publii⁩ ▸ ⁨sites⁩ ▸ ⁨YOUR_SITE ▸ ⁨input⁩

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[[anonymous]]

This reply has been marked as private.

[Bob]

Hi,
I’ve checked it before and seems like there is a small bug, the `.post__entry` class has set the overflow property to hidden what means that any overflow will be hidden within the boundaries of the container.

Just add, via the CSS Custom Tool,  the following rule:

.post__entry {
    overflow: unset;
}

 

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[[anonymous]]

Thanks, now images are shown correctly but text spills over outside of the content width. What you call a container.

[Bob]

If you use a long string without spaces, yes, it can look not very nice,  but this it’s an unnatural way of writing.

If you want to break the line, you can expand the previous part of the code with a new rule:

.post__entry {
    overflow: unset;
    line-break: anywhere;
}

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[[anonymous]]

thank you!

[Author]

Posts