Archived topic
Place text in header elements
7 replies · Started by Mårten on October 17, 2019
Hello,
I have been searching around to try find a solution without results.
I have created a header with <! - page header -> and with the merge menu. Now I'm trying to put a text in the middle over the header but I can't place it where I want it. When i insert margin-top: 300px; then the entire header is moved with. Not just the text. I took some code from your guide for posting video in the header.
The text is now placed right above the logo.
Do you have any solution to my problem? Please!
Hi there,
where specifically do you want that text to be displayed ?
Hmm not easily done with the text being in the header element and the overlayed area within the content.
Why not add the text in the page builder content ? Within the same row as the two 'blocks' you want overlayed then either use negative margins to pull it over the content or we can assist with some CSS to move it.
Hi,
I have tried to use the page builder, but I can't solve it.
I re-entered the text and it is now below the columns that I want to be below the text. Can you see any solution to that i would be so grateful!
Try this CSS:
#pgc-763-0-0 {
position: relative;
}
#pg-w5daf0f4f2bf80-1 {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 100;
}The first rule #pgc-763-0-0 is the parent row that has the two columns and the text. The second rule is the ID for the text row. Ideally - if youre pagebuilder allows it would be good to give them a custom CSS class and use that instead of the IDs to position them
It worked like a charm!
Thank you so much. :)
You're welcome
