Social icons colour- pro theme

[tobyl]

I am trying to get my icons to look like this.
Currently they look like this:

I have created a container and added 3 separate social icon elements. I tried the css code: .x-icon-facebook-square but this seemed to have no effect.

Thanks

[basanta]

Hi There,

Thanks for writing in!
For this, you need to customize the design.
You have to change the background color of each icon and remove the box shadow. Then the graphics color to white.

Regarding the instagram icon, that looks can’t be possible through the settings, you need to use image icon for that.

Hope this helps!

[tobyl]

thank you, i think i have this sorted now, but the interactions don’t seem to be happening now. When I hover over in the builder they work, but not on the website.

[nabeel]

Hi again,

I tested your site and hover interactions are working fine on my end. This could just be a cache issue, try clearing out your browser’s cache and check the site again.

Let us know how this goes!

[tobyl]

Did a save again and it’s working. Thanks for the great support.

[jade]

You’re welcome.