bronzeavery Posted September 8 Share Posted September 8 Site URL: https://antiaginginstitute.squarespace.com/ Hi there! I cannot seem to get it so that I can change the color of all of the links inside of a folder. When I change the navigation colors, it usually changes the entire navigation, which is not what I want. For example, on this page everything looks great at top and the moment you scroll, the CSS shrink value changes and the pages change colors, but the links still stay black. Ultimately, I'm just looking for full control over all regular and shrink values using CSS, even if that involves using the Code Injection for each page. Or on a page like this with no background on the first section, it doesn't work at all. Here's a GIF of the issue. https://antiaginginstitute.squarespace.com/services : pass: 1111 Thanks! Link to comment
Spark-Plugin Posted September 9 Share Posted September 9 Hi there! It looks like you've fixed it, right? I checked the site, and everything seems to be working well on my end. If you're still looking for help, please let me know! Thank you! - Answered by Iuno from sparkplugin.com Link to comment
bronzeavery Posted September 9 Author Share Posted September 9 @Spark-Plugin Hey! Yeah it's still giving me issues. For example, on this page https://antiaginginstitute.squarespace.com/services when you scroll down, the links are black and the pages are white. Can't seem to get them both to cooperate. Link to comment
Spark-Plugin Posted September 9 Share Posted September 9 (edited) Got it! Give this code a try, and feel free to customize it as needed. Let me know if it works for you! Please follow these steps: Navigate to Pages > Website Tools > Custom CSS. Paste the following code into the CSS editor. // DROPDOWN CONTAINER // .header-nav-folder-content { border-radius: 6px; background: #319aab !important; } // LINK STYLING // .header-nav-folder-item { a { color: #ffffff !important; padding: 15px !important; }} // HOVER COLOR // .header-nav-folder-item:hover { background: #fac827 !important; } Edited September 9 by Spark-Plugin - Answered by Iuno from sparkplugin.com Link to comment
bronzeavery Posted September 9 Author Share Posted September 9 (edited) @Spark-PluginThat worked great for the styling and worked at first, but sadly still the links are showing up black on scroll. It's really pesky! Love your plugin by the way! Edited September 9 by bronzeavery Link to comment
Spark-Plugin Posted September 9 Share Posted September 9 Awesome! Thanks! Please, try adding this code. Let me know if this works! header.shrink .header-nav-folder-item { a { color: #ffff !important; }} - Answered by Iuno from sparkplugin.com Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment