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

    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!

    #307155

    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

    #307192

    Thank you so much Ismael! It totally worked :)

    #307215

    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!

    #307259

    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

    #307264

    Hi Günter.

    Now yes, now everything is perfect. Thank you!

    #307297

    Hey!

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

    Enjoy the theme.

    Regards,
    Günter

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

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