How to add color to social icons

[pngb4]

I'd just like to add some color to the social icons I have in my front page. They are located on the top part of the page under the top menu block. It is currently grayed out and its true color is activated once hovering over it. I just rather have the color out. Also would like to make the icons larger if possible. 

 

URL: http://www.vlsboutique.com/prestashop/ 

 

 

Any help will be greatly appreciated!    

[dioniz]

Those icons are sprite image located here: yourdomain/modules/socialnetworklinks/img/socialletter.png and they are styled by yourdomain/modules/socialnetworklinks/css/socialnetworklinks.css.

 

To make them colored you need to change background position for example to change facebook image find:

ul.isocial li a.facebook {
    background-position: -25px 0;
}

change to

ul.isocial li a.facebook {
    background-position: -25px -25px;
}

You need to change that for every icon you use.

 

To make them larger, you will need to make larger image and change positions in css file

[pngb4]

Wow thts great! Worked perfectly! Appreciate the help dioniz

[dioniz]

You are welcome