Social media icons

Hey Richard,

Thank you for the inquiry.

The social icons in the socket container were already white when we checked. To adjust the size, please add this css:

#top #socket .social_bookmarks li a {
  float: left;
  width: 50px;
  line-height: 50px;
  min-height: 50px;
  font-size: 30px;
}

#top #socket .social_bookmarks {
  height: 50px;
}

Best regards,
Ismael

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field instead to have larger round social icons in the socket, it also adds a white background color before mouse-over and on mouse-over the icon colors show, I have not sure what color you wanted as typically there is no color until mouse-over, feel free to adjust the color to suit.

#socket .social_bookmarks li a {
width: 50px!important; 
line-height: 50px!important; 
min-height: 50px!important; 
font-size: 30px;
}

#socket .social_bookmarks li {
height: 50px!important; 
width: 50px!important; 
}

#top #wrap_all .av-social-link-instagram a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}
#top #wrap_all .av-social-link-linkedin a {
    color: var(--enfold-socket-color-meta);
    background-color: #fff;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Please use margin like this:

#top .social_bookmarks li {
    margin-right: 10px;
}

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike