[MikeMobley2002Participant]

Hey Guys,

Our main theme color is dark blue and it looks like the social media background color is light blue automatically for the header and footer. I attached screenshots, but how can I get this light blue background/circle part to be a custom color? I’m wanting to change it to #9CD7DB

Site is carrienorman.com and I’ll reply privately with credentials so you can see the website since it’s under construction. Thanks!

[MikeMobley2002Participant]

This reply has been marked as private.

[John EzraMember]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.x-social-global a:hover {
    background-color: #9CD7DB!important;
}

Hope this helps – thanks!

[MikeMobley2002Participant]

Sorry I may have not explained it well…I’m not wanting to change the “hover” color, but the light blue color that is in the circle right now..without hovering. I wanted to see how to change that light blue to our custom light blue…so if you’re looking at those icons without hovering..how can we change that light blue color?

[RupokMember]

Hi there,

Thanks for updating. If you don’t want it on hover then why not you just take off the :hover from code? Let’s update your code to following :

.x-social-global a {
    background-color: #9CD7DB!important;
}

Hope this makes sense.

Cheers!

[MikeMobley2002Participant]

Got it, thanks!

[Prasant RaiModerator]

You are most welcome. 🙂

[Author]

Posts