Viewing 10 posts - 1 through 10 (of 10 total)
Viewing 10 posts - 1 through 10 (of 10 total)
- You must be logged in to reply to this topic.
Good morning everyone, I hope you are well.
I went through the support forum and the Enfold settings but I can’t seem to change the opacity of the header background and also the menu link colors. What am I doing wrong? I also want a little space around the logo. Do I need to do this all with just hard code css? Or at there settings somewhere?
Dev Site: http://54.215.1.130/~pamperedpawsd/
Thank you in advance for your help.
Sylvia
So I believe I figured it out all the issues except for adding a little spacing under the header. I tried using the custom header height but it didn’t work?
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
span.logo img {
max-height: 75px;
padding-top: 5px;
}
Best regards,
Rikard
So sorry do I need to hard code the opacity as well?
Hi,
What opacity are you referring to, and what do you mean by hard code?
Best regards,
Rikard
The opacity of the header background.
Thank you,
I am sorry not of the header background. I mean the white layer that goes over the image. Can I get the css style for that?
Hi janton1,
Could you please attach a mockup of what you’re trying to achieve?
Best regards,
Victoria
If you look at the dev site. There is the image of the wet dog then the header where the menu and logo are have a transparent white background. I want the opacity a little darker, more white, less transparent. Sorry if that is confusing.
Thank you,
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - Header transparency */
#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.7);
}
Best regards,
Vinay