Jump to content

Avenue Template: How to Set Color of Active Folder and Active Link inside of that Folder?

Recommended Posts

Hello,

I am using the Avenue template and would like the active folder to have a color. Is this possible? I am also using links inside this folder that link to pages outside of the folder. Is there a way to have the link appear as active when the respective linked page is open?

alt text

I found a solution for the Bryant template, but the css code is different for the Avenue Template so it does not work correctly. Bryant Template Solution

Bryant Template Code:


 #collection-5cddbda26257d80001c55027 {
  #headerNav nav .external a , #headerNav nav .folder:nth-of-type(2) .folder-toggle {
  color:blue;
  }
}

Attempted to rewrite code for Avenue Template but it does not work:


     #collection-5cddbda26257d80001c55027 {
      #topNav nav .external a , #topNav nav .folder-collection:nth-of-type(2) .folder-toggle {
      color:blue;
      }
    }

What am I doing wrong?

Best,

Dave

navigation-active.jpg.2a795b67fd41599eb63a623886c15907.jpg

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

Archived

This topic is now archived and is closed to further replies.

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