Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 20, 2014 at 6:37 pm #306992
    blancocapell

    Hi.

    I have set in my homepage the transparent header with the social buttons. When I go down, the header becomes white. What I wanted is that when the header was transparent the icons would be white and when it was white, the icons would be gray.
    I managed how to get the white icons, but not the gray ones.
    How can I get it?

    I give the link to my website as a private content, there you will see it there in the homepage.

    Thank you!

    August 21, 2014 at 5:15 am #307155
    Ismael

    Hi blancocapell!

    Thank you for using Enfold.

    Please use this on Quick CSS or custom.css if you want to change the color of the social icons on shrink header:

    #top .header-scrolled .social_bookmarks li a {
color: gray;
}

    Best regards,
    Ismael

    August 21, 2014 at 7:25 am #307192
    blancocapell

    Thank you so much Ismael! It totally worked :)

    August 21, 2014 at 8:28 am #307215
    blancocapell

    Hi Ismael.

    Now I realize that in the other pages, where I don’t have set the transparent header, the social icons look white because I set it like this:

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

    This means that they are not visible. How can I change the previous code to affect only the transparent header?

    Thanks in advance!

    August 21, 2014 at 10:55 am #307259
    Günter

    Hi!

    Try to add the following:

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

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

    Regards,
    Günter

    August 21, 2014 at 11:06 am #307264
    blancocapell

    Hi Günter.

    Now yes, now everything is perfect. Thank you!

    August 21, 2014 at 12:25 pm #307297
    Günter

    Hey!

    Glad I could help you. Come back with any further questions.

    Enjoy the theme.

    Regards,
    Günter

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Changing color of social icons in transparent header’ is closed to new replies.