How do I remove nav underline on hover from Bootstrap theme?


Tags: html,css,twitter-bootstrap

Problem :

I went into the css and removed all of the text-decoration:underline but for some reason it's still showing up. Can somebody please tell me how to remove the top navigation underline when you hover over the nav?

Here is a link to the Oleose theme.

http://www.scoopthemes.com/templates/Oleose/Freeze/



Solution :

Here is the culprit. It's a pseudo-element (:after) that makes the underline under the link.

header .navbar-default ul.navbar-nav li a:hover:after {
  background: #ffffff;
}

Just remove this or set background to transparent. Or even better remove this one too.

header .navbar-default ul.navbar-nav li a:after{
    ....
}

Here is the style made for the underline.


    CSS Howto..

    How to make the contents of an HTML table fit within their cells?

    How can I change the entire background color of a page?

    How to dynamically change css style based on INPUT value?

    How to center li tags list

    how I can set color of anything in css [closed]

    How to do margin: 0 auto 0 auto minus a few pixels with CSS?

    How to distribute DIVS evenly (horizontal and vertical) that floats with each other?

    How to share images between subdomains?

    How to make dropdown menu disappear after a certain amount of time JavaScript

    How do I remove the underline from an image wrapped in an anchor?

    How i can optimize Performance in asp.NET MVC based web application

    How to make the divs fill the remaining space without using float?

    How to remove margin and padding from css table

    How to get CSS background images to show up in HTML files opened by Word?

    How to Modify the StrongLoop's LoopBack Explorer CSS

    How to add and remove div's (input)

    Showing different in Internet Explorer and Google Chrome

    how to swap div with one another in mobile view css

    How to apply different styles based on the number oif col in a table

    How to stop the navigation bar after scrolling?

    How do I get my HTML page to display in the browser without horizontal and vertical scroll bars?

    how to make a custom scroll bar with css

    How to put Logo & navigation in one line

    How to Troubleshoot CSS?

    How to show something only when user prints?

    Is not showing anything, or showing “undefined”

    How can I target these children divs with one selector?

    How to prevent a span from breaking into the next line - responsive webdesign?

    How can I create HTML/CSS responsive tile?

    How to write regular expressions in CSS