Joomla Templates Club 406,261 posts

[yoursminc Friend yoursmincJoin date: April 2014Posts: 20Downloads:0Uploads:17 Thanks: 4]

#197770

How to change the color of the horizontal stripe (that shows when you hoover over a menu option)?

Thanks
Rob

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#535124

When I bring up your site, I do not see the stripe as you indicate within your image.

Is there a particular page we should be looking at?

[yoursminc Friend yoursmincJoin date: April 2014Posts: 20Downloads:0Uploads:17 Thanks: 4]

#535355

Hi Tom, could you retry on ww.yoursminc.nl ?

Yes ww instead of www 😉
Regards
Rob

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#535455

Hi Rob:

To change that “hover effect,” add the following CSS rule to your custom.css file . . .


.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before {
border-top: 2px solid #FFFFFF
}

Modify the color code to whatever color code you want – or, if you don’t want that top hover effect at all, you can enter the rule as follows:


.navbar-default .navbar-nav > li > a:hover:before, .navbar-default .navbar-nav > li > a:focus:before {
border-top: none;
}

Hope That Helps

1 user says Thank You to TomC for this useful post

1. yoursminc

[Author]

Posts