Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 22, 2018 at 7:38 pm #1000490
    janton1

    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

    August 22, 2018 at 10:29 pm #1000535
    janton1

    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?

    August 23, 2018 at 9:26 am #1000622
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    span.logo img {
    max-height: 75px;
    padding-top: 5px;
}

    Best regards,
    Rikard

    August 23, 2018 at 11:28 pm #1001000
    janton1

    So sorry do I need to hard code the opacity as well?

    August 24, 2018 at 9:30 am #1001081
    Rikard

    Hi,

    What opacity are you referring to, and what do you mean by hard code?

    Best regards,
    Rikard

    August 29, 2018 at 10:12 pm #1003283
    janton1

    The opacity of the header background.
    Thank you,

    August 29, 2018 at 11:51 pm #1003313
    janton1

    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?

    August 30, 2018 at 1:26 pm #1003562
    Victoria

    Hi janton1,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    August 31, 2018 at 6:50 pm #1004192
    janton1

    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,

    September 1, 2018 at 8:21 am #1004276
    Vinay

    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

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.