Site logo

Archived topic

Text Align in Previous Page Header Module

11 replies · Started by Axel on June 1, 2022

Viewing posts 1–12 of 12

This function is no longer available in Elements, including padding options. How do I now center my text and pad with the new page header option. Thank you

Leo I've got the heading to be centered with Horizontal Alignment Centre. Now I wish to move it down without moving the image.

Will do

Leo where / how do i upload a screenshot?

Moving the text vertically would depend on the padding values.

So if you want a 400px height Header for instance, and the text at the very bottom, set a top padding of 400px and bottom padding of 0px.

If you want it in the middle, set the top padding to 200px and the bottom padding to 200px for instance.

Basically the total top and bottom padding value plus the height of the text corresponds to the height of your header.

Here’s an article with regards to adding screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

Hope this clarifies!

Thanks Fernando. I got it. Is there a way the heading can move independently from the image?

It can through custom CSS code.

Here’s a CSS you may try adding in Appearance > Customize > Additional CSS:

.inside-page-hero {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.page-hero {
    position: relative;
}

With this, changing the top and bottom padding would only affect the vertical height of the Header, and correspondingly, the image.

Hope this clarifies!

Works perfectly. Just what I wanted. Thank you Fernando.

You’re welcome Axel!

This archived topic is closed to new replies.