List of links that change colour when active


Ive made a test site to create what a client has asked for.Here

He wants the active link in the left hand column to be teal coloured.

Any advice on how to do this?


Not sure what the test page is trying to show. Where do the links go? Another page?

Sorry! Yes they will link to individual pages

It looks like you’re using Foundry. You may get a quicker response over in it’s support forums. @Elixir is very helpful.

1 Like

It looks like you are using Foundry Vertical Nav? On each navigation item, there is a checkbox to Mark As Active. If that is checked correctly, then you could add some custom CSS to change the style of the Active item.
This would require you to have a separate nav-stack on each page. There might be another way, maybe one of the Foundry heavy hitters can jump in.


Good point. Thanks I’ll post over there too. Thanks.

Please don’t double post, on separate Forums. These forums are used for people to search for answers. If you post a question on multiple forums then it never gets answered on all of them. Adam and most of the Foundation people check here as well.

@Figory You’re welcome to post wherever you like. I’ll answer your questions no matter, just like we worked on your Zoom stack question earlier today. :slight_smile:

Sorry I didn’t see this one before now!

You can use the Mark As Active feature that @teefers pointed out above. That should do the trick. You will need to enable that on a per page basis though as it doesn’t have a way to parse out which is the active page automatically since it is a manually curated navigation.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.