Archived topic
Text Align in Previous Page Header Module
11 replies · Started by Axel on June 1, 2022
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
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Hi Axel,
To clarify, are you referring to the Header Element, and it apparently missing the Horizontal Alignment and Padding settings as such?: https://share.getcloudapp.com/RBumPe1n
May we know what you’re seeing the the Page Hero section of the Header Element you’re using? Can you take a screenshot of it?: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Kindly let us know.
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!