Social media icons background colour « Support Forum | Kriesi.at

Support Forum » Angular

Social media icons background colour

4 posts from 2 voices

Started 1 year ago by boufon
Latest reply from Mya
This topic is resolved

Tags:

boufon
Member

Hi
It looks like this has been asked a couple of times before but the answers have always been yes fixed it without explaining how.
I'm trying to change the background colour which I've done in the png file but theirs a transition (pink) thats I'm trying to work out where it comes from. Can you guys help me on this.
Here's the link http://testpurpose.boufon.co.uk/

Many thanks

Pete

Posted 1 year ago #

Mya

Hi boufon,

The background color is defined in the stylesheet layout.css. So in order to change you would add the following code to your custom.css or Quick CSS. I'm going to list all the social media icons here in case you want to change any other colors.

.social_bookmarks .rss:hover {
    background-color: #FFA133;
}
.social_bookmarks .facebook:hover {
    background-color: #37589B;
}
.social_bookmarks .twitter:hover {
    background-color: #46D4FE;
}
.social_bookmarks .mail:hover {
    background-color: #9FAE37;
}
.social_bookmarks .dribbble:hover {
    background-color: #E44885;
}
.social_bookmarks .linkedin:hover {
    background-color: #419CCA;
}
.social_bookmarks .search:hover {
    background-color: #222222;
}
.social_bookmarks .gplus:hover {
    background-color: #DE5A49;
}
#top .social_bookmarks li:hover a {
    background: url("../images/layout/icon-social-reflect.png") no-repeat scroll 0 top transparent;
}