Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #306992


    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!


    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,


    Thank you so much Ismael! It totally worked :)


    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!



    Try to add the following:

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



    Hi Günter.

    Now yes, now everything is perfect. Thank you!



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

    Enjoy the theme.


Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Changing color of social icons in transparent header’ is closed to new replies.