[Resolved] content page title background

[Dwight]

I need the CSS code to format the content page title background to be the same width as the primary navigation menu and no padding on the top (no white space in between the content page title background and the primary navigation menu).

[Tom]

Hi there,

Something like this maybe?:

.page .entry-header,
.error404 .entry-header {
    margin: -40px -40px 40px;
    background-color: #286192;
}

.page .entry-header h1,
.error-404 .entry-header h1 {
    color: #fff;
    padding: 40px;
}

[Dwight]

Thanks. How can I have it where the formatting doesn’t show up on my blog? And how can I make the content page width full screen like navigation menu?

This is my current code:

/* For Page Title */
#content .page .entry-title
{background-color: #143049;
padding: 50px;
border-bottom: 5px solid #286192;
text-align: center;
color: #fff;
font-weight: bold;
font-family: Times New Roman;
font-style: italic;}

body:not(.archive):not(.single) .entry-header {
margin: -40px -40px 40px;
background-color: #286192;
}

body:not(.archive):not(.single) .entry-header h1 {
color: #fff;
padding: 40px;
}

[Tom]

Can you try the updated CSS here?: https://generatepress.com/forums/topic/content-page-title-background/#post-566773

Try setting the body background color to white in Customize > Colors > Body.

[Dwight]

Thanks, works perfect!

[Tom]

Awesome! 🙂

[Author]

Posts