Is there some CSS or code that I can add to make the page header background transparent so that the main website background shows through? Then some CSS for the page header text to have a drop shadow (I currently have code for this to work on the Nectar slider, just not sure how to change it for the page header).
No I don't, it just has the same picture done as an image background for the page header, but I want it to be transparent and show the actual website background you can see behind the box layout
Is there some CSS or code that I can add to make the page header background transparent so that the main website background shows through? Then some CSS for the page header text to have a drop shadow (I currently have code for this to work on the Nectar slider, just not sure how to change it for the page header).
Hey Again,
I see you got it working at the moment ? .
Best
Salient Support Team
No I don't, it just has the same picture done as an image background for the page header, but I want it to be transparent and show the actual website background you can see behind the box layout
Add this css to the shop page only.
.page-header-bg-image.translate { background-color: transparent !important; } body,div#page-header-bg { background-color: transparent !important; } .nectar-recent-post-slide .nectar-recent-post-bg:after, .single [data-post-hs="default_minimal"] .page-header-bg-image:after, .archive .page-header-bg-image:after { background-color: transparent !important; } div#boxed,div#page-header-wrap { background-color: transparent !important; } .page-header-bg-image.translate { background: none !important; }Thanks
Salient Support Team
that worked! thanks!