Change header background color, specifically on blog posts

Add to Home > Design > Custom CSS

.collection-type-blog.view-item header.Header.Header--bottom {
    background: blue;
}

Im having the exact same issue - and and the above solution from @tuanphan didn't work for me. 

Im also using version 7.1  if that helps. 

20 minutes ago, LuckyDave said:

Im having the exact same issue - and and the above solution from @tuanphan didn't work for me. 

Im also using version 7.1  if that helps. 

SS 7.1 blog use different class, not 

.collection-type-blog

Can you share link to blog post on your site?

On 12/19/2019 at 12:20 PM, tuanphan said:

SS 7.1 blog use different class, not 

.collection-type-blog

Can you share link to blog post on your site?

https://trovy.io/lists/the-greatest-villains-of-all-time

On 12/19/2019 at 6:58 PM, LuckyDave said:

Im having the exact same issue - and and the above solution from @tuanphan didn't work for me. 

Im also using version 7.1  if that helps. 

Use

.collection-type-blog-basic.view-item

11 hours ago, tuanphan said:

Use

.collection-type-blog-basic.view-item

 

.collection-type-blog-basic.view-item header.Header.Header--bottom {
    background: blue;
}

Is that correct? it doesn't seem to work for me. Sorry to bother you with this and thank you for your help

15 hours ago, LuckyDave said:

.collection-type-blog-basic.view-item header.Header.Header--bottom {
    background: blue;
}

Is that correct? it doesn't seem to work for me. Sorry to bother you with this and thank you for your help

.collection-type-blog-basic.view-item header#header {
    background: blue;
}

35 minutes ago, tuanphan said:

.collection-type-blog-basic.view-item header#header {
    background: blue;
}

 

Thanks @tuanphan but Its not working for me. Is there any settings i need to adjust perhaps?

15 minutes ago, LuckyDave said:

Thanks @tuanphan but Its not working for me. Is there any settings i need to adjust perhaps?

Actually - if i make the header solid as default - then perhaps i man then make transparent on certain pages?

Is there a way of targeting nav on home page and making it transparent?

13 minutes ago, LuckyDave said:

Thanks @tuanphan but Its not working for me. Is there any settings i need to adjust perhaps?

Try this

.collection-type-blog-basic-grid.view-item .header-announcement-bar-wrapper {
    background: red !important;
}

I'm trying to do the same thing on my main page for the header text over the banner. The above code didn't work. 

18 hours ago, sun_ said:

I'm trying to do the same thing on my main page for the header text over the banner. The above code didn't work. 

Create a question with link to your site.

On 12/31/2019 at 12:47 PM, tuanphan said:

Create a question with link to your site.

is used:
.header-menu-bg {
background-color: #01013a;
background: linear-gradient(to bottom, #01013a, #01013a);
}

On 12/19/2019 at 4:20 AM, tuanphan said:

SS 7.1 blog use different class, not 

.collection-type-blog

Can you share link to blog post on your site?

Perfect! Just ran into this issue. Thank you.