Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  
Miss Steegs

Aviator: How can I underline an active page in the navigation?

Question

Working in Aviator and I know this is not standard functionality but it must be possible with CSS. I want a line under the active page in the navigation instead of it being a different colour. How do I achieve this?

Edited by Jeng

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 1

You can't change the spacing of the text-decoration underline since that is determined by the font. However, you can use a 1px bottom border instead like so:


#main-navigation ul li.active-link>a{
   border-bottom: 1px solid YOUR-LINK-COLOR;
   color:YOUR-LINK-COLOR;
   padding-bottom:1px;
}

Edited by ghostcat

Share this post


Link to post
  • 0

Thank you Ghostcat that works! How can I however make the line appear a little bit lower, so have a bit of spacing between the text and the underline? Also I noticed that it does only appear once you have clicked on an element so not when you first land on a page. Is that fixable?

Share this post


Link to post
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...