Header transparent on some pages, opaque on filtered results pages

Site URL: https://www.parboild.com/

I'm using custom code to make my fixed site header transparent when at the top of the page, then opaque as you scroll down.

However, I don't want this on my filtered results pages, because there is no image at the top. Is it possible to make the header always opaque on filtered results pages? Without breaking the transparency on every other page? 

Here's an example of a filtered page: https://www.parboild.com/?author=5cc649a0f4a17f000189897b
I also have them for categories: https://www.parboild.com/blog/category/Quick+snack

Try adding to Home > Design > Custom CSS

.collection-type-blog-basic-grid.view-list header#header {
    background: red !important;
}

4 hours ago, tuanphan said:

Try adding to Home > Design > Custom CSS

.collection-type-blog-basic-grid.view-list header#header {
    background: red !important;
}

 

This worked great for the filtered results pages, but it broke the transparency on the rest. Is it possible to make it opaque ONLY on the author/category filtered pages?

@tuanphan Hello, I never did figure this one out.

How do I get an opaque header ONLY on filtered results pages? 

I have a transparency set up on all other pages, which I like and don't want to mess with. 

Here's an example of my filtered pages: https://www.parboild.com/?author=5cc649a0f4a17f000189897b

On 12/15/2021 at 5:50 AM, acid__bat said:

@tuanphan Hello, I never did figure this one out.

How do I get an opaque header ONLY on filtered results pages? 

I have a transparency set up on all other pages, which I like and don't want to mess with. 

Here's an example of my filtered pages: https://www.parboild.com/?author=5cc649a0f4a17f000189897b

Add to Design > Custom CSS

body[class*="collection-type-blog"].view-list header#header {
    background-color: black !important;
}

That worked perfectly! I'm so happy. Thank you so much.