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 adjust the image

  • Anonymous
    January 27, 2026 at 11:44 pm

    https://prnt.sc/69Vdc6G29qXh

    hi , pls check this screenshot

    It is one image on the right,

    I need to make the top and bottom edges of the image match the top and bottom edges of the background color. How can I adjust it?

    please help to fix that, thanks

  • George
    January 28, 2026 at 1:23 am

    Hello.

    1. Set image to Display as Block.

    Display block

    2. Set its container to have margin-top: -0.5rem, margin-bottom: -0.5rem, margin-right: -10px.

    Container margins

  • Anonymous
    January 28, 2026 at 5:34 am

    https://prnt.sc/Ioby5oK-63AI

    hi George

    Thanks for your details.

    1. Yes, done with your steps, but still there is gap between the images and backgroud container on the top and bottom,?

    2. one more question, pls check https://prnt.sc/77vkaJyt4XtN

    when and how to choose the display style inside the Layout ?

    What is the basis for the judgment?

    for example ,just now from default to block?

    thanks

  • George
    January 28, 2026 at 6:28 am

    Hello.

    1. Remove the margin values that I gave you earlier. For the gb-element-c3e94a1a container, set padding values to 0. For the text container which is the gb-element-5c62e3c9 one, set padding-top and padding-bottom to 0.5rem. Set padding-left and padding-right values to 10px;

    2. Images are inline elements by default, so they sit on the text baseline — and that gap you’re seeing when Display is set as Default is the space reserved for descenders (the tails on letters like g, y, p).
    When you set display: block, the image is no longer treated as an inline/text element, so it doesn’t need that descender space anymore. When you set display: block, the image is no longer treated as an inline/text element, so it doesn’t need that descender space anymore.

    CSS The display Property

  • Anonymous
    January 28, 2026 at 10:39 pm

    https://prnt.sc/0CrKq1ga5Ibe

    Hi, George

    I think i have followed your steps, but still there is gap on the top and bottom,

    sorry again, pls help to fix that, thanks

    i have attached temporaty access link to check it for you

    thanks

  • Anonymous
    January 28, 2026 at 10:41 pm

    https://prnt.sc/0CrKq1ga5Ibe

    Hi, George

    I think i have followed your steps, but still there is gap on the top and bottom,

    sorry again, pls help to fix that, thanks

    i have attached temporaty access link to check it for you

    thanks

  • Alvind
    January 28, 2026 at 11:43 pm

    Hi there,

    Select the gb-element-620b289c Container block and set its Height to 100%.

    Then select the Image block inside it, set Object Fit to Fill, and set the Height to 100%.

  • Anonymous
    January 29, 2026 at 12:06 am

    Hi there,

    thanks

    https://prnt.sc/cQa-Ys0WxJm9

    where did i find the second Height to 100%?

  • Alvind
    January 29, 2026 at 12:18 am

    It’s under the Sizing settings.

  • Anonymous
    January 29, 2026 at 12:22 am

    hi
    Alvind

    yes, perfect
    i love you
    good day for you

  • Alvind
    January 29, 2026 at 4:47 pm

    Glad to hear that!

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