Simple Social Icons – Changing individual icon color

Community Forums Forums General Discussion Simple Social Icons – Changing individual icon color

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  Patrick 10 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #72319

    Patrick
    Participant
    Post count: 5

    Hi, does anyone know if there is a way to change the color and hover color of each icon individually for Simple Social Icons? That is, I’d like each icon to be its traditional colors instead of all being the same color.

    Thank you!

    http://officeliberator.com
    #72427

    braddalton
    Participant
    Post count: 9730

    In the widget settings this can be done. Simply change the hex color codes.


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #72431

    Patrick
    Participant
    Post count: 5

    I only see a way to change all the icons the same color, I’m trying to change the color of each individual icon. Unless I’m missing something. Could you be more specific? Thanks!

    #72440

    braddalton
    Participant
    Post count: 9730

    Add this to your child themes style.css file and change the hex color codes:
    [css]
    .simple-social-icons .social-facebook a:hover {
    background-color: blue!important;
    }
    [/css]

    Rinse and repeat for each button:

    [css]
    .simple-social-icons .social-twitter a:hover {
    background-color: blue!important;
    }
    [/css]


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #72443

    braddalton
    Participant
    Post count: 9730

    Here’s more on the topic http://wpsites.net/best-plugins/change-simple-social-icons-background-hover-color/


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

    #72544

    Patrick
    Participant
    Post count: 5

    That did it! Thank you!

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

You must be logged in to reply to this topic.