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.

How to build this hero section?

  • Hi there,

    I would like to push the inner container with the text in it up on top of the background image and place it centered – screenshot here. Which steps do I have to take to create that hero section?

    It’s “hero 5” of your pattern library.

    I think I figured it out – I will add the link to the private info box.
    But on mobile – how do I center the section which holds the text? Image added to the private box also.

    Thanks in advance!

  • Hi there,

    It looks like you have figured it out.

    It’s centered on mobile as well 🙂

    Let me know if you still need help!

  • Hi Ying,

    thanks for getting back.

    Unfortunately on my iPhone 15 Pro it’s not centered on the latest iPad neither.
    I added the screenshot to the privat box.

    In the GP Editor it looks perfect – all centered as I want it.
    On frontend it’s on the left……really strange why it’s different on frontend.

    Can you help?

    Thanks in advance!

  • Hi there,

    Try selecting the .gb-element-c001771d container and set the left and right margins to auto — that will center it.

  • Hi Alvind!

    Thank you – that worked perfectly!!! 🙂

    Appreciate it.

  • Glad to hear that! 🙂

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