CSS for Blog page header to carry font and color from main header

Site URL: http://sf.su.se

Hi! 

I have a page that I'm managing: http://sf.su.se 

Template: Nueva

The header is great, however when going into a blog post, the header background didn't carry over, it just became a white background. I found a css to make the background the correct color: 

/* blog post header background */
.collection-type-blog.view-item header.Header.Header--bottom {
    background: #030c29;}

The only problem now is that the navigation text in the header is invisible! I want it to be white, like on the main page. And the dropdown to be the same blue with white links, but I can't figure out how to do this! 

https://www.sf.su.se/nyheter/2021/nystyrelse 

Hi. Add to Design > Custom CSS

body.collection-type-blog.view-item .Header-nav-item {
    color: white;
}

On 8/15/2021 at 12:21 AM, tuanphan said:

Hi. Add to Design > Custom CSS

body.collection-type-blog.view-item .Header-nav-item {
    color: white;
}

 

Hi!

Thank you! This made the text show up in white, however, the  menu dropdown still has a white background. Do you know the code to change the dropdown to blue and the dropdown text to become white? 

Also, the header padding and font weight remains different from the main page. 

On 8/16/2021 at 3:30 PM, tika said:

Also, the header padding and font weight remains different from the main page. 

Hi. Use this

body.collection-type-blog.view-item .Header-nav-item {
    color: white;
}
body.collection-type-blog.view-item .Header-nav-folder {
    background-color: #030c29 !important;
}

Thank you!