Jump to content

Need Help with Folder Link Colors

Recommended Posts

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
  • Replies 5
  • Views 502
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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:

  1. Navigate to Pages > Website Tools > Custom CSS.
  2. 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 by Spark-Plugin

- Answered by Iuno from sparkplugin.com

forumsignature-recommendedcopy2.png.0579645eb1430dc7c1059541dc6456c6.png

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...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.