Hi Webflow Crew!
I have looked at several feeds on this topic, but haven’t found something that works. Basically, what I believe is happening, is that I have two areas of elements whose styling is being overwritten by another element.
On the page “Area Guide Copy 2 - long area names test” there is a sticky nav that appears after the hero section in preview. The links in that section appear a default blue link color when scrolling over the corresponding section. I’d like them to appear another color (our brand primary blue) and have attempted to set that hover color both on the link element (class name “sticky nav section”), and the default styling of a text link and link block to no avail.
Can someone let me know what I’m missing here?
And the second item that is not behaving as I’d like is the smaller nav arrows under the sections “For Your Wedding Guests”. I’d like them to appear the same brand primary blue on hover of their containing div, just as the headers do (ie, "Welcome Bags, etc). I’ve set the hover color to our primary blue in both the div that contains the headers & arrows and on the arrow itself. The reason the arrow is not in the same text block as the header is that it is a different font. Any ideas on what I’m missing or a work around?
Thanks so much in advance for any help!!!
Here is my public share link: https://preview.webflow.com/preview/hollys-area-guide-template?preview=107dde3670a475b7b77c304ab9d32ca3