• 0
Sign in to follow this  
Followers 0

Need to remove hover box in navbar


Question

Posted · Report post

Hello,

 

How do I remove this light gray hover box that shows up when I hover over an item in my navbar? I can't seem to figure out the right CSS using inspect element.  I want the text to change red on hover and when that link is active but don't want that light gray box to show up.

 

Thanks in advance for your help.  The custom CSS I added is below and screenshot attached.

 

/*Navbar Customization */
 
#site .navbar .navline > li > a {font-size: 30px;}
 
#site .section-navbar {
font-family: "Open Sans","Helvetica Neue",Helvetica,sans-serif;
font-weight: 500;
}
 
#site .navbar {
  box-shadow: none}
    
.navbar.pl-color-base .navline > li:hover > a, .navbar.pl-color-base .navline > li.current-menu-item > a, .navbar.pl-color-base .navline > li.dropdown.open > a {
color: rgb(255, 82, 82);
  background-color: rgb(194, 194, 194);
  box-shadow: none;
border-radius: none;
}
 

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

Hi there, try the following css, paste into the custom code box and save :-)

 

.navbar.pl-color-base .navline > li:hover > a, .navbar.pl-color-base .navline > li.current-menu-item > a, .navbar.pl-color-base .navline > li.dropdown.open > a {
    background: none !important;
    box-shadow: none;
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi there, can we take a link to the site please so we can look at the code to see where the box is coming from in the css.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thanks again, James.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0