Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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



Link to comment
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0
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?


Screen Shot 2020-10-28 at 10.35.28 AM.png

Screen Shot 2020-10-28 at 10.41.33 AM.png

Edited by acid__bat
Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...