Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #10777

    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

    #69367

    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;
    }

    Regards,

    Mya

    #69368

    Thanks Mya – much appreciated

    #69369

    Hey!

    You’re welcome boufon.

    Best regards,

    Mya

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

The topic ‘Social media icons background colour’ is closed to new replies.