[Support request] Place text in header elements

Home Forums Support Place text in header elements

  • This topic has 7 replies, 2 voices, and was last updated 11 months ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1037148
    Entos

    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!

    #1037304
    David
    Staff
    Customer Support

    Hi there,

    where specifically do you want that text to be displayed ?

    #1037789
    Entos

    Hi,

    Similar to the purple text you see in the image below.

    Here is the link.
    https://ibb.co/VjVNZx2

    #1037974
    David
    Staff
    Customer Support

    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.

    #1041250
    Entos

    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!

    #1041260
    David
    Staff
    Customer Support

    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

    #1042119
    Entos

    It worked like a charm!

    Thank you so much. 🙂

    #1042171
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.