Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

GeneratePress GenerateBlocks

How to stop images from getting squished

  • johnmcintyre
    June 19, 2023 at 12:07 pm

    How do I stop the testimonial images from getting squished when the window gets smaller?

    Good:

    na

    Bad:

    na

    Notice how the image dimensions don’t stay the same as the window gets smaller. How do I stop this from happening?

    I know there’s a setting somewhere in the CSS or whatever. I just can’t find it.

    Thanks!

  • Ying
    June 19, 2023 at 2:31 pm

    Hi there,

    Can you link us to the page where we can see this? I need to know how this is built 🙂

    Let me know 🙂

  • johnmcintyre
    June 20, 2023 at 4:08 am

    https://www.rageheart.co/

    Built with Generate Blocks.

  • David
    June 20, 2023 at 4:24 am

    Hi there,

    for that kind of layout, instead of a grid block i would do this:

    Container Block #A
    — Container block #B ( has image )
    — Container Block #C ( has text )

    Container Block #A
    Layout -> Display Flex; Column Gap 10px

    Container block #B
    Layout -> Flex Child settings:
    Grow: 0, Shrink 0, Basis 64px
    Note the basis should match the width of your image

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.