Jump to content


Photo
- - - - -

Remove hover background color on image-based subnav

sub menu

Best Answer James B , 25 June 2013 - 10:26 PM

Hi there, the blue is coming from a gradient, so that will use background-image in the css instead of background. You'll need to set the background-image to :none to remove it. See the screenshot below.

 

http://screencast.com/t/bYdt1Rt4

Go to the full post


  • Please log in to reply
10 replies to this topic

#1 apadilla

apadilla

    Newbie

  • Members
  • 8 posts
  • Country: Country Flag

Posted 25 June 2013 - 05:13 PM

Hi: I'd like to know the css selector for changing the background color that shows up in the subnav on hover. I am using transparent images for the subnav, and image shows a blue bg color on mousover.

 

I've tried examining it using chrome or firefox inspector, but still can't get the code right. I have:

 

body .dropdown-menu li > a, body .dropdown-menu li > span {
 background-color:transparent!important;
    display: block;
    line-height: 21px;
    padding: 0px 0px;
 }

 

Thanks!



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 June 2013 - 05:43 PM

Hi,

 

Could you provide a link to the site in question so that we can inspect and report back our best reply?  Thanks.



#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 June 2013 - 06:15 PM

Hi,

 

There's obviously a lot of custom CSS in that site.  Can you please copy it and paste it to

Please Login or Register to see this Hidden Content

?  Just copy and paste the URL it gives you here for us to follow up.

 

Thanks.



#4 apadilla

apadilla

    Newbie

  • Members
  • 8 posts
  • Country: Country Flag

Posted 25 June 2013 - 06:20 PM

I pasted the code. Thanks!



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 June 2013 - 07:03 PM

We need the URL to the pasted code.



#6 apadilla

apadilla

    Newbie

  • Members
  • 8 posts
  • Country: Country Flag

Posted 25 June 2013 - 07:06 PM

Please Login or Register to see this Hidden Content



#7 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 June 2013 - 08:14 PM

Hi there

 

The color/shadow seem to be coming from the following code

 

body .dropdown-menu {
    background-clippadding-box;
    background-color#FFFFFF;
    border1px solid rgba(0, 0, 0, 0.2);
    border-radius6px 6px 6px 6px;
    box-shadow0 5px 10px rgba(0, 0, 0, 0.2);
    displaynone;
    floatleft;
    left0;
    list-stylenone outside none;
    margin2px 0 0;
    min-width160px;
    padding5px 0;
    positionabsolute;
    top100%;
    z-index1000;
}


#8 apadilla

apadilla

    Newbie

  • Members
  • 8 posts
  • Country: Country Flag

Posted 25 June 2013 - 08:39 PM

I was able to change the hover color to red (and any other color) with this css:

 

body .dropdown-menu a:hover{background:white!important;}

 

but if I make the color transparent, the original blue shows through. I can't seem to completely override the blue. I think the blue coloir is coming automatically from the overall color setting in Pagelines, because my highlight color is the exact same blue.



#9 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 25 June 2013 - 10:26 PM   Best Answer

Hi there, the blue is coming from a gradient, so that will use background-image in the css instead of background. You'll need to set the background-image to :none to remove it. See the screenshot below.

 

Please Login or Register to see this Hidden Content



#10 apadilla

apadilla

    Newbie

  • Members
  • 8 posts
  • Country: Country Flag

Posted 26 June 2013 - 12:22 AM

Thank you so much. That worked perfectly!



#11 Martin Davies

Martin Davies

    Advocate

  • Members

  • 3268 posts
  • LocationManchester, England
  • Framework Version:latest
  • Country: Country Flag

Posted 26 June 2013 - 05:55 PM

Thanks for letting us know that worked :) 







Also tagged with one or more of these keywords: sub menu