Social icons background color


#1

Hi,
I want to change social media icon background color, because static color is “pink” and I need another or transparent.

Add picture of icons.

social icon


#2

Hello there,

You can manage it with this CSS code:

    .main-navigation .menu-icon a {
      background-color: transparent;
    }

    .main-navigation .menu-icon a:hover {
      background-color: #fff000;
    } 

To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.

Regards,
Kharis


#3

I found by myself.

It’s code:

.social-navigation li {
display: inline-block;
background-color: transparent;
font-size: 30px;
border-radius: 50%;
margin: 5px;
}

It’s possible add social media icons to top main menu? When I try to add, I get just title of link.


#4

Hello there,

Follow the steps as explained in this documentation, please.

Regards,
Kharis