Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 31, 2015 at 2:48 am #452101
    Jasmer

    I’d like to change the opacity in 2 ways. I’d like to change the opacity of the two sections independently. Any idea how?

    Thanks!

    May 31, 2015 at 4:05 am #452111
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .header_bg {
    display: none;
}
#top .av_header_transparency #header_main{
    background-color: transparent;
}

/* adjust this */
#top #header_meta {
    background-color: rgba(255,255,255,0.5);
}

#top #header_main {
    background-color: rgba(255,255,255,0.2);
}

    Cheers! 
    Josue

    May 31, 2015 at 5:08 am #452126
    Jasmer

    GREAT thanks. But now I need to make the grey icons white ONLY when I scroll. So grey first then WHITE when I scroll and the header color comes in.

    Thanks!

    May 31, 2015 at 5:36 am #452141
    Josue

    You can change that in the Theme Options (set white on General Styling > Header and gray in Header > Transparency Options).

    Regards,
    Josue

    May 31, 2015 at 5:42 am #452145
    Jasmer
    This reply has been marked as private.
    May 31, 2015 at 5:57 am #452149
    Josue

    Try with the following CSS code:

    #top .social_bookmarks li a {
    color: white;
}

#top .av_header_transparency .social_bookmarks li a {
    color: gray;
}

    Best regards,
    Josue

    May 31, 2015 at 6:04 am #452155
    Jasmer

    Gracias!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header Opacity’ is closed to new replies.