color of social floating icons

Hi, re ticket #555152, I still have tha same issue. I used the suggested CSS code and also added !important; but the floating icons keep showing with colors I don’t want. How can I display them in the correct colors please?
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

Could you please share some screenshots where you want to change the social icons colors? So I can better understand your issue? This will help me guide you more effectively.

Best Regards

Hi,
basically the floating social icons (left side of the page) through all the website (I attach homepage, and 2 more pages as example). I want to change their colors.
Thanks

Attachments:

You must be logged in to view attached files.

In this page https://idolimoda.it/liste-regalo/ also in the content of the page.

Attachments:

You must be logged in to view attached files.

Hello,

Your issue has been resolved. I have modified the custom css on your site. Check back on your site and check the issue. Change the color as per your requirements.

Best Regards

[adpwebdesign.it]

thanks a lot. now social floating icons are fine but the whatsapp icon on share / single product page has changed color (before it was OK). how can I have it just simple as the Facebook icon?
Thanks again

• This reply was modified 1 month, 3 weeks ago by adpwebdesign.it.

Attachments:

You must be logged in to view attached files.

Hello,

Your issue has been resolved. I have modified the custom css on your site. Check back on your site and check the issue. Change the color as per your requirements.

Best Regards

Hi, now the floating social icons and the whatsapp icon on the share section in single product page have the color indicated in Theme settings > Custom CSS.
But the social icons on the pages have not the right colors (see attachment). The colors here should be the same as for the floating social icons (as indicated in Theme settings > Custom CSS). This happens on page https://idolimoda.it/liste-regalo/, https://idolimoda.it/abbigliamento-bimbi/, https://idolimoda.it/abbigliamento-bambini-pisa-cascina/.
Thanks for your help

Attachments:

You must be logged in to view attached files.

Hello,

The custom CSS provided is specifically for the floating social icons. Kindly modify the color code for the WhatsApp icon in the custom CSS and verify if the issue is resolved.

Best Regards

Thank you, the floating social icons are fine now.
Can you please suggest how to change color to the social icons in the pages? (not the floating icons) Like the ones in the screenshot.
I mean the “Social buttons” module. I don’t see the color setting in the module. So how can I customize them? From where do they take the colors?
Thanks

Attachments:

You must be logged in to view attached files.

Hello,

To customize the button style, navigate to:
Pages > Edit Page with Elementor > Edit Social Button Widget

Under the Icons tab, you can modify the button style and explore additional options for customization: https://ibb.co/g6rqb3m

Best Regards

I see, and if I choose Style > Colored I see the icons in blue/brown/green. How can I change them? Where are these colors set in the theme settings exactly? Or do I have to use CSS?
Thanks

Hello,

If you have chosen the style “primary color”. You can change the color from Theme Settings > Styles and colors > Colors > Primary Colors. If you want to apply custom colors you need to change the color with custom css.

Best Regards

[Author]

Posts