Hi, I have created a menu that is in the top bar of the theme, the menu comprises of 4 custom links for our social platforms like Facebook & Instagram etc… The theme has converted these links into the social media icons which is great! however the icons are really small, is there a way of increasing the size of these icons without affecting any of the other text within the top bar please?
Kind regards,
Adz
Hi ADZ
Thanks for posting. Was the CSS from our chat on WordPress.org not helpful? https://wordpress.org/support/topic/increase-the-size-of-social-media-icons-in-top-bar/. If you can perhaps send a link to the site concerned, I’ll take a look and help from there.
Hi Andrew, I tried it but with no luck i’m afraid, I am working on the website on A local host (Local by Flywheel) so not sure this link will let you see it?
http://unique-plumbing-supplies-ltd.local/
Regards,
Adz
Unfortunately, I won’t be able to view a local site. To confirm, you’ve inserted the CSS rule provided at Customize > Additional CSS or Appearance > Custom CSS and there is no change in the size of the icons? If possible, please, take a screenshot of the Custom CSS and a screenshot of the top bar, upload to imgur.com or any sharing site like Dropbox/Drive, and send the link. Thanks.
Here you go Andrew, thanks for your help…
Adz
Thanks, perhaps try instead:
.top-bar-menu li a:before {
font-size: 30px !important ;
} Thank you so much for your help Andrew, that worked!
Much appreciated,
Adz
Super, glad that helped 🙂