Plugin Contributor
Nick C
(@modernnerd)
Hi henrymak.huttons,
It looks like this CSS from your Salient theme is overriding the styling of the first icon:
#footer-outer #footer-widgets .col ul li:first-child > a {
padding-top: 0px!important;
}
To work around this, you could add the following CSS to your theme’s stylesheet:
#footer-outer #footer-widgets .col .simple-social-icons ul li:first-child > a {
padding-top: 8px !important;
}
Hope that helps!
Hi Nick,
Magic! You are really helpful. Works perfect now.
Thanks for your great help. Greatly appreciated!
How does it looks now http://www.newlaunch360.sg
Regards,
Henry
Plugin Contributor
Nick C
(@modernnerd)
You’re welcome, Henry! Glad I could help. It’s looking great for me now too. 🙂
Hmmm… I have also had this problem – and WAS using salient, now Avada. I tried the fix suggested, and it doesn’t seem to help. Would you mind having a look?
http://emailmarketing.guru/new/
Many thanks!
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then install this Custom CSS Manager plugin http://wordpress.org/plugins/custom-css-manager-plugin
Then use its “CSS Code” section of the dashboard to hold your CSS modifications:
Alternatively use your Child Theme style.css file to hold your CSS modifications:
#simple-social-icons-3 .social-facebook a {
padding-top: 8px !important;
}