Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #240436

    Prefer to have the normal and hover states reversed for the social media icons in the top bar. Looked around forum but didn’t see anything regarding this. Thanks in advance for any assistance!

    #240690

    Hey rbdstudio!

    Can you post the link to your website so we can take a look which social icons you are using to provide you custom CSS code?

    Regards,
    Yigit

    #240764
    This reply has been marked as private.
    #240769

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    top .social_bookmarks_linkedin:hover a {
    color: #419cca;
    background-color: transparent;
    }
    top .social_bookmarks_linkedin a {
    color: white;
    background-color: #419cca;
    }
    #top .social_bookmarks_facebook:hover a {
    color: #37589b;
    background-color: transparent;
    }
    #top .social_bookmarks_facebook a {
    color: white;
    background-color: #37589b;
    }
    #top .social_bookmarks_gplus:hover a {
    color: #de5a49;
    background-color: transparent;
    }
    #top .social_bookmarks_gplus a {
    color: white;
    background-color: #de5a49;
    }
    #top .social_bookmarks_twitter:hover a {
    color: #46d4fe;
    background-color: transparent;
    }
    #top .social_bookmarks_twitter a {
    color: white;
    background-color: #46d4fe;
    }
    #top .social_bookmarks_youtube a {
    color: #fff;
    background-color: #a72b1d;
    }
    #top .social_bookmarks_youtube:hover a {
    color: #a72b1d;
    background-color: transparent;
    }

    Best regards,
    Yigit

    #240771
    This reply has been marked as private.
    #240784
    This reply has been marked as private.
    #240862

    Hi,

    How to change the color of social icons just on a transparent header? please
    Thanks

    #240993

    Hi!


    @youyou78
    : Can you please post the link to the website?


    @rbdstudio
    : Use this for the linkedIn icon:

    #top .social_bookmarks_linkedin a {
    color: #fff;
    background-color: #419cca;
    }
    
    #top .social_bookmarks_linkedin:hover a {
    color: #419cca;
    background-color: transparent;
    }

    Best regards,
    Ismael

    #241046

    Hi Ismael,

    Sorry, I work in a local. In transparency options, I changed the color of the menu but the social icons are gray. I would like to have the same color if possible.
    Thanks!!!

    #241269

    Thanks Ismael…that worked!! Have a great day!

    #241287

    Hey!

    Glad we could help! Let us know if you have any other questions or issues

    Cheers!
    Yigit

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Social Media icons in color and gray on hover’ is closed to new replies.