• Hi,

    I’d like to stretch my pageheaders completely across the page. As an example, my page http://aprilehrlich.com/feature, there is some padding on the left and right sides of the of the page title “Features.”

    Here is the HTML I have on that page:

    <h1 class="pagetitle" style="text-align: center;" width: 100%;>FEATURES</h1>

    And here is the custom CSS:

    h1.pagetitle {
       font-size: 64px;
       color: white;
       padding-top: 40px;
       padding-bottom: 40px;
       background-color: black;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • Hey, You would need to use the actual page titles (which you seem to have hidden and are replacing in the content). The content has a max width container all around it. so you can’t have something in your content fill the screen width.

    But if you used the actual page titles those are in there own container and you can set the background for that with css and it would be full screen width.

    .titleclass {
    background:black;
    }

    Kadence Themes

    Thread Starter oohstella

    (@oohstella)

    Great, I’ll mess around with that, thank you!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Stretch pageheader across page’ is closed to new replies.