I have a related question. Does anyone know how to trigger a different header style for only some pages? i.e., default gradient style on most pages; solid on others.
I have two brands on one website; I have created a replacement navigation menu using Will Meyers Nav Replacement plug-in, and a second footer with hide globally / show locally logic.
I am using the gradient style for the main brand's nav (Brush Education https://brush-education.squarespace.com). I was able to revise the colour of the gradient for the second nav.
<style>
:root {
--gradientHeaderBackgroundColor: *insert gradient* !important;
}
</style>
Instead I want the second brand's nav to be SOLID.
Does anyone know how can I trigger this in CSS? I'd like to include it in the header code for each page that belongs to the second brand (Dog Training Press https://brush-education.squarespace.com/dtp-catalogue/p/retriever).
PW: brushview
Thanks!
visualcreative's post in Changing gradient fill for homepage section header background, keep solid white fill for rest of pages was marked as the answer
