Archived topic

content page title background

5 replies · Started by Dwight on May 3, 2018

Viewing posts 1–6 of 6

May 3, 2018 at 8:04 am #566554

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).

May 3, 2018 at 1:40 pm #566773

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;
}

May 3, 2018 at 1:49 pm #566786

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;
}

May 3, 2018 at 9:18 pm #566965

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.

May 3, 2018 at 10:29 pm #566985

Thanks, works perfect!

May 4, 2018 at 8:30 am #567411

Awesome! :)

This archived topic is closed to new replies.

Start building better websites today.