Pro Header logo, highlighting and adding shawdow, white background

Support
#1

The logo in my head is adding a shadow behind the .png image along with adding a white background. This is a transparent logo and there are no options in to even add a shadow behind it.

#2

Hi There,

You need to adjust the hover state box-shadow setting.

Hope it helps

#3

There isn’t a hover state box-shadow setting


#4

Hi,

To add shadow, you can add the code below in Header CSS


.hm9.x-image:hover {
   -webkit-box-shadow: inset 0px 0px 37px 6px rgba(0,0,0,0.75);
   -moz-box-shadow: inset 0px 0px 37px 6px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 37px 6px rgba(0,0,0,0.75);
}

You can generate box shadow css code from this site - http://www.cssmatic.com/box-shadow

Hope that helps.

#5

I don’t want any shadows. In the header designer there isn’t a shadow being added. however on the live page there is. I want it gone.

#6

Hi again,

To remove the box shadow from your logo, just add the following code in your Customizer:

a.hm9.x-image:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

Let us know how this goes!