Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 14, 2016 at 2:24 am #660630
    fleurlewis

    Hi there

    I’d like to make my “Transparent and glassy header” slightly less transparent, so that the nav bar text can be seen more easily over the image in the background.

    Screen shot here: https://www.dropbox.com/s/cumit13fzbe9yit/Nav%20bar.JPG?dl=0

    Could you please let me know what CSS to change, to achieve this?

    I can’t seem to find the right CSS using the Inspect tool :)

    Thanks
    Fleur

    July 14, 2016 at 4:41 am #660643
    Vinay

    Hey Fleur,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    Change 0.5 at the end to alter the transparency value which will suit your design.

    .header_color .header_bg{
   background-color: rgba(255,255,255,0.5);
}

    If the above code don’t work please provide a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Vinay

    July 14, 2016 at 10:19 am #660759
    fleurlewis

    Hey sorry that one didn’t work… Link to site and login below.

    July 15, 2016 at 4:17 pm #661413
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av_header_glassy {
    background: rgba(255,255,255,0.5)!important;
}

    Best regards,
    Yigit

    July 16, 2016 at 2:05 am #661571
    fleurlewis

    Perfect, thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Nav bar transparency’ is closed to new replies.