Jump to content

[Share] Change Color of Text Links inside Dropdown on One Page

Recommended Posts

To change the color of Text Links inside the Dropdown on One Page Squarespace, you can use CSS code with these steps.

If you can't make it work, you can send link to page, I will check again.

#1. Suppose we have a Dropdown with these items. And we need to change the Color of the links: Blog 2, Store 2 on the Projects Page.

image.png.e2c0475d4106df24d8ad8e9bbd050950.png

#2. Find ID of Projects Page.

In my example, we will have

#collection-6673f2adc8fa10164075f71b

image.png.6b997b323f3526e25f13d82962df3e64.png

#3. You need to know this

image.png.807af8916c3f9dd768f3dcd2ae9afa89.png

#4. Use this code to Custom CSS box

#collection-6673f2adc8fa10164075f71b {
  div.header-nav-item:nth-child(6) {
    div.header-nav-folder-item:nth-child(2) a, div.header-nav-folder-item:nth-child(3) a {
      color: #fff !important;
    }
  }
}

image.png.8b5f24a1b82770ca7b857570938382e0.png

#5. Result

image.png.3cd804c9671cc2c6bde7393f90a2f4e7.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • Replies 0
  • Views 588
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.