Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 2, 2016 at 10:18 pm #681486
    msbllc

    Hi Team,

    For each social media icon, when you hover over them they change color (twitter light blue, facebook dark blue, youtube red, etc). Our client is actually wanting the social media icons just to have their full individual colors present without the roll over effect. Is there a way to make it so the “hover” effect is what’s actual visible all the time? So Facebook would have the darker facebook blue color, Twitter would have the lighter twitter blue color, etc. I hope this makes sense.

    Thanks!

    Best,

    Jared

    September 5, 2016 at 4:06 pm #682244
    Yigit

    Hey msbllc,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
}
#top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
#top #wrap_all .av-social-link-youtube a {
    color: #fff;
    background-color: #a72b1d;
}
#top #wrap_all .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37;
}

    Best regards,
    Yigit

    September 6, 2016 at 6:01 pm #682769
    msbllc

    Thank you Yigit! I couldn’t find the css for them.

    September 6, 2016 at 7:08 pm #682790
    Yigit

    Hey!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Making Social Media Icons without hover’ is closed to new replies.