Skip to content
Public Ticket #12628

Changing social icons color

Conversation thread

PenciDesign replied

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

.elementor-widget-container .widget-social a i{ color: #fff; }
.elementor-widget-container .widget-social a:hover i{ color: #b88c00; }

Best Regards,

PenciDesign

dp started the conversation

Conversation Start

Hi,

I have added a bar below the menu in my homepage. This bar includes social icons (please see picture). However, they are dark grey and I cannot change the color. When I change the Accent Color in Customization --> Options & Colors for Sidebar, then the color of these social icons changes as well. But I cannot change it to white here, because then the links on my sidebar will be white on a white background and become invisible.

Could you please tell how can I only change the color of these social icons in the bar that I added in elementor? I want them to be white, with a hover over color of gold.

Thanks! 

Want to join this conversation or access attachments? Sign in first.