Awkward navbar on blog page

[Web_Services]

Most of the pages on my site (http://dev2.verdenergia.org) have a multi-colored background for the page title – as can be seen under the navbar and page title on this page: http://dev2.verdenergia.org/verdenergia-internship-application/

However, since I cannot edit the blog page in cornerstone, I cannot add the same formatting there.

How can I create a section titled “Blog” with the same background below it so that my navbar doesn’t become transparent and hidden?

[jade]

Hi @Web_Services,

Please find this code that is in your Global CSS:

body .masthead {
    position: absolute;
    width: 100%;
}

then update it to:

body:not(.blog):not(.single-post) .masthead {
    position: absolute;
    width: 100%;
}

Then you will have to set a background color so that the text will be visisble in the header of the blog and single posts. Please try this code:

body.blog .x-navbar, 
body.single-post .x-navbar-inner {
    background-color: #ccc;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.