Change color of the social media buttons 1.7

[Bas_1981]

Hello all!
 

I wanted to change the color of the hover-social-media buttons on the productpage. Is it right to change the *.svg-files in \themes\classic\assets\css?

 

I changed the color of the images, but after uploading, clearing cache and refreshing stil the old colors are shown.

 

Is there something I do wrong?

 

Many thanks in advance for your advice!

 

Bas

 

 

[Drens]

Also looking for same thing. any help?

[Bas_1981]

The above solution was the right solution. I think it had something to do with my cache?

[prestashop amateur]

in the global css you must change the line code of the icon :

.facebook.icon-gray:hover{background-image:url(../css/img/facebook.png);background-color:#4e71a8}

and if it wouldn't work than try to empty your cache.

[Minsky_ae]

Hi there,

I know it's an old topic but I just tried to achieve the same, surprised that the module itself doesn't seem to allow change of image and/or colour from back-office.

- I found the icon in assets/css folder of classic theme but I reckon solution offered by @Bas_1981 won't stay if PrestaShop is updated

- Solution offered by @prestashop amateur is updating the circle background colour but not the social icon itself

- I tried to copy the SVG file in mychild-theme/assets/css and updated colour* but I reckon the dynamic path is still getting the image from classic theme and not the child one

- So last, I copied-pasted the same part of code in custom.css hoping it will first get the image from child-theme/assets/css, it works ✌️

.facebook.icon-gray:hover {
  background-image: url(../css/8b05d51ede908907d65695558974d86f.svg);
}

 

* You can update SVG colour by opening it and changing the value of the attribute fill in the path tag.

<path fill="#2fb5d2" d="M22.2,27.2v-7.2h2c1.5,0,2,0,2-0.1c0-0.1,0.1-1,0.2-2.1c0.1-1.1,0.2-2.2,0.2-2.4l0-0.4l-2.2,0l-2.2,0
			l0-1.6c0-0.9,0.1-1.8,0.2-1.9c0.2-0.5,0.7-0.7,2.6-0.7h1.7V8.3V5.8H24c-3,0-3.8,0.1-5,0.7c-0.8,0.4-1.6,1.2-2,1.9
			c-0.5,1.1-0.7,1.8-0.7,4.3L16.2,15h-1.5h-1.5v2.5v2.5h1.5h1.5v7.2v7.2h3h3V27.2z"/>