Jump to content


Photo
- - - - -

Change NavBar links colour and underline on hover

Started by ered , Oct 18 2012 05:32 AM
navbar change colour underline on hover

Best Answer Danny , 18 October 2012 - 06:35 AM

Hi,

Add the following to your custom CSS:

 #site .navbar .navline li a { color: #54CACA; }
#site .navbar .navline li a:hover { text-decoration: underline; }

Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded http://www.getfirebu...ug.com"]Firebug for Firefox[/url] and check out http://www.w3schools.com/"]W3 Schools[/url] for more info. Also please be sure to watch our Firebug video tutorial http://www.pagelines...stom_CSS"]here.[/url] Go to the full post


  • Please log in to reply
1 reply to this topic

#1 ered

ered

    Newbie

  • Members
  • 3 posts
  • Country: Country Flag

Posted 18 October 2012 - 05:32 AM

I would like to change the links in my navbar to be #54CACA and underline on hover. And to remain that way when clicked.

I've tried all suggestions I could find on the forum to customise the css, but can't seem to get it to work? Help would be much appreciated.

My site is

Please Login or Register to see this Hidden Content



Thanks...

#2 Danny

Danny

    Ninja

  • Moderators
  • 7,481 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 18 October 2012 - 06:35 AM   Best Answer

Hi,

Add the following to your custom CSS:

Please Login or Register to see this Hidden Content


Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded

Please Login or Register to see this Hidden Content

for Firefox[/url] and check out

Please Login or Register to see this Hidden Content

Schools[/url] for more info. Also please be sure to watch our Firebug video tutorial

Please Login or Register to see this Hidden Content

[/url]
Back to Customizations



Also tagged with one or more of these keywords: navbar, change colour, underline on hover

  1. PageLines Forums
  2. → PageLines Framework
  3. → Customizations
  4. Privacy Policy
Click to return to top of page in style!