Best Premium and Free WordPress Themes › Forums › SuperNewsPro › Social Media Icon Colours
Tagged: Colour, icons, social media
- This topic has 6 replies, 2 voices, and was last updated 5 years, 11 months ago by
acmesupports.
- AuthorPosts
- February 26, 2017 at 11:05 pm #14198
Connor Runstedler
ParticipantHello,
Just wondering if it is possible to change the colours of the social media icons on the customization bar? Having troubles finding it.
Thanks ConnorFebruary 27, 2017 at 3:04 am #14199acmesupports
ModeratorHello Connor,
Thank you so much for your question regarding our theme. Please add the below CSS codes on Appearance > Customize > Additional CSS to change the color of the social media icons..fa-facebook { color: #3C579E; } .fa-twitter { color: 1da1f2; } .fa-linekdin { color: 0077b5; } .fa-google-plus { color: dd4b39; }
Let us know the results.
Regards
Acme SupportsFebruary 27, 2017 at 8:09 pm #14237Connor Runstedler
ParticipantI was wondering if there is additional css for the background color when you hover the mouse over it or click on it. It is set to a default depending on the icon (youtube=red, facebook=blue, etc.) was wondering if this can be changed?
February 28, 2017 at 1:25 am #14243acmesupports
ModeratorTry the below css,
.fa-facebook:hover { color: #3C579E; } .fa-twitter:hover { color: 1da1f2; } .fa-linekdin:hover { color: 0077b5; } .fa-google-plus:hover { color: dd4b39; }
February 28, 2017 at 2:24 pm #14265Connor Runstedler
ParticipantThat CSS changes the colour of the icon itself, not the background colour that lies behind the icon when it is hovered over. If you check my website http://www.elonmuskdaily.com when you hover over any of the icons the background color will change. Was wondering if this could be changed?
Thanks for your help
ConnorFebruary 28, 2017 at 2:25 pm #14266Connor Runstedler
ParticipantThe icons im referring to are in the top right corner of the front page
February 28, 2017 at 3:13 pm #14267acmesupports
ModeratorPlease add the below CSS codes. If you need to change the color, you can changed based on your need.
.socials a.facebook:hover{ background-color: #3C579E;; } .socials a.twitter:hover{ background-color: #01BBF6;; } .socials a.linkedin:hover{ background-color: #1484C3;; } .socials a.instagram:hover{ background-color: #2D6A93;; } .socials a.youtube:hover{ background-color: #D62424;; } .socials a.google-plus:hover{ background-color: #D73D32;; } .socials a.pinterest:hover{ background-color: #BD2126;; } .socials a.flickr:hover{ background-color: #FD0083;; } .socials a.tumblr:hover{ background-color: #34465D;; } .socials a.vk:hover{ background-color: #45668e;; }
Regards
- AuthorPosts
- The topic ‘Social Media Icon Colours’ is closed to new replies.