This topic contains 6 replies, has 2 voices, and was last updated by  abisbee 3 weeks, 4 days ago.

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

    abisbee
    Participant

    Hi. I am now using the CT: Social Icons widget. The icons are gray though, and the colorful icons only show on hover. Can I swap this so the colorful icons display on the page and the gray is only on hover?

    Also, is there a way to change from gray to another color?

    Thank you.
    Alice

    #173076

    sapana
    Participant

    @abisbee:It is a bit difficult to change in theme, you need to customize it. Instead of that I suggest you to use the Catch Web Tools, Social Icon feature where you can change the social icon color as per your need. let me know if you find any difficult while using the plugin.

    Kind Regards,
    Sapana

    #173077

    abisbee
    Participant

    Thanks, Sapana, but I’d prefer to use CSS, if possible. Can you help with this?

    #173079

    sapana
    Participant

    @abisbee: You need to change in core code, so I suggest you to hire a customizer to get it done.

    Kind Regards,
    Sapana

    #173080

    abisbee
    Participant

    Thank you for your advice. Have a good day

    #173082

    sapana
    Participant

    @abisbee:Hello abisbee, Can you try this css code and let me know if this works out!
    Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

    .site .widget_catchresponsive_social_icons a.genericon-facebook-alt {
        background-color:#3b5998;
        border-color:#3b5998;
        color:#fff;
    }
    .site .widget_catchresponsive_social_icons a.genericon-twitter {
        background-color:#00aced;
        border-color:#00aced;
        color:#fff;    
    }
    .site .widget_catchresponsive_social_icons a.genericon-mail {
        background-color:#1d62f0;
        border-color:#1d62f0;
        color:#fff;
    }
    .site .widget_catchresponsive_social_icons a.genericon-youtube {
        background-color:#bb0000;
        border-color:#bb0000;
        color:#fff;
    }
    .site .widget_catchresponsive_social_icons a.genericon-instagram {
        background-color:#517fa4;
        border-color:#517fa4;
        color:#fff;
    }
    
    .site .widget_catchresponsive_social_icons a.genericon:hover {
        background-color: #d7d7d7;
        border: 1px solid #b6b6b6;
        color:#777;
    }

    Kind Regards,
    Sapana

    #173130

    abisbee
    Participant

    Absolutely PERFECT! Thank you, Sapana!

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

You must be logged in to reply to this topic.