Jump to content

Change color of the social media buttons 1.7


Bas_1981
 Share

Recommended Posts

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

 

 

Share this post


Link to post
Share on other sites

  • 1 month later...
  • 4 weeks later...
  • 5 months later...
  • 2 years later...

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"/>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More