I added some custom social icons by editing the header.php - however, I'd like to move them closer together. I tried doing this using a class and adding CSS:
.social-icon{ left: 5% !important; }
However, the icons wont move... Is there another way I can reduce the spacing between the icons?
I added some custom social icons by editing the header.php - however, I'd like to move them closer together. I tried doing this using a class and adding CSS:
.social-icon{
left: 5% !important;
}
However, the icons wont move... Is there another way I can reduce the spacing between the icons?
See: devmg.redtogreendesign.com
Thanks for your excellent support!
Add this into the Custom CSS box located in your Salient Options panel :
body #header-secondary-outer #social li a { padding: 8px 0px 8px 4px!important; }
Cheers
ThemeNectar Support Team
Fantastic. Thanks!