Automatic Social Menu SCSS Styling with FontAwesome Icons

WordPress Website Planning

Do you hate dealing with styling social media icons in a WordPress theme?  Wish there was a seamless way to manage social links using the WordPress menu without having to use CSS classes?

This is a very interesting way to set the FontAwesome icons for social menu items automatically by selecting the elements using a wildcard href attribute search.

SCSS for Automatic Social Icon Menu Styling

This is a SCSS file that you can pretty much just drop into your theme, import it as one of your SCSS files, and run your npm/gulp script.  Make sure you change the id tag on line 6 to match the name you chose for your menu.

Questions, Comments?

Leave them below.  Thanks!

Notify of
Inline Feedbacks
View all comments