Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Images are getting Chopped

  • #1826
    Avatar photo[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?

    #1829
    Avatar photoBob

    Any live example?

    #1831
    Avatar photo[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.

    #1833
    Avatar photoBob

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

    #1834
    Avatar photo[anonymous]

    PM is a Private Reply?

    #1836
    Avatar photoBob

    yeap.

    #1837
    Avatar photo[anonymous]

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

    #1838
    Avatar photoBob

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

    #1839
    Avatar photo[anonymous]

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

    #1840
    Avatar photoBob

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

    #1842
    Avatar photo[anonymous]
    This reply has been marked as private.
    #1845
    Avatar photoBob

    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;
    }
    #1853
    Avatar photo[anonymous]

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

    #1855
    Avatar photoBob

    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;
    }
    #1857
    Avatar photo[anonymous]

    thank you!