Tagged: social media icons
- This topic has 6 replies, 2 voices, and was last updated 6 years, 1 month ago by
abisbee.
-
AuthorPosts
-
May 21, 2019 at 7:54 pm #173062
abisbee
ParticipantHi. 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.
AliceMay 22, 2019 at 12:08 am #173076sapana
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,
SapanaMay 22, 2019 at 12:22 am #173077abisbee
ParticipantThanks, Sapana, but I’d prefer to use CSS, if possible. Can you help with this?
May 22, 2019 at 12:27 am #173079sapana
Participant@abisbee: You need to change in core code, so I suggest you to hire a customizer to get it done.
Kind Regards,
SapanaMay 22, 2019 at 12:35 am #173080abisbee
ParticipantThank you for your advice. Have a good day
May 22, 2019 at 2:20 am #173082sapana
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,
SapanaMay 22, 2019 at 2:11 pm #173130abisbee
ParticipantAbsolutely PERFECT! Thank you, Sapana!
-
AuthorPosts
- The topic ‘social media icons’ is closed to new replies.