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.

Container Layout with background container

  • Hi there,
    i have trouble to get the grey background container to the correct place according to the desired design: https://imgur.com/Xvt91Gy
    I moved the container .gb-element-c490456e with a negative margin up but that’s not working anymore. Please see screenshot: https://imgur.com/2x9COiI
    The design of the grey background container also changes on different screen sizes (16′ or 21′). How could i prevent that from happening? On Mobile it doesn’t matter because i will probably just delete the grey background.
    Thank you!

  • Hi there,

    Simply reduce the height of the gray container sohuld work.

    Maybe try using relative unit like em,% instead of px.

  • Hi Ying,
    it’s almost perfect, just the last section “Berging” .gb-element-2d526104 is not aligning like the other ones: please see the screenshot here https://imgur.com/GVmmdJ6. The vertical alignment could be the 1mm you mentioned before but it seems like it’s more like with the other containers. I also can’t find the reason for the different margin.
    Also there’s a value in this container of this section .gb-element-7cd1e625 of Max-width: 500px but this is useless, no? All the other text-containers have that as well.
    Thank you!

  • Also there’s a value in this container of this section .gb-element-7cd1e625 of Max-width: 500px but this is useless, no?

    It’s not added by me, I didn’t touch that section. yes, it’s useless. You can remove it.

    just the last section “Berging” .gb-element-2d526104 is not aligning like the other ones

    Both the 3rd and 4th sections don’t look like the 1st and 2nd sections. So there might be some different settings. The easist way is just duplicating the 1st and 2nd sections, and replace the text and image.

  • Okay i did that and now it’s fine. Thank you Ying!

  • You are welcome   🙂

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