Creating a Social Media Menu from Icon Fonts with FontAwesome

Twitter Icon Fontawesome

How to make social media menus from icon fonts using the awesome FontAwesome. Fontawesome is widely used and supported in all modern browsers and older browsers.   <link href=”” rel=”stylesheet”> You can link to the Fontawesome CSS file via a CDN or just copy the download it to your site. If using WordPress you can…

Read More

Add Icons in Genesis Header and Footer Post Meta Info


You can easily add icons just before the labels in Genesis Entry and Footer Meta content, including… .entry-time .entry-author .entry-comments-link .entry-categories .entry-tags   The five metas can be targetted with some CSS pseudo selectors by adding the below CSS to your style.css So in the above the 5 regular metas are targetted, swap in your desired icon…

Read More

Change the Genesis Meta Output, Post-Info, Post-Meta and Post-Terms

This tutorial takes you through changing the Genesis Meta Output, the Post-Info, Post-Meta and Post-Terms, post-info is typically at the top of a single post above or below the heading with dates, author and comments info, post-meta is at the foot of the post and includes category and tag info and post-terms applies to custom taxonomy…

Read More

Using FontAwesome Icons to replace WordPress Dashicons in Admin Menus

WordPress admin area comes with the DashIcons in use in its administrative Menus,  you can also add in the awesome Font Awesome icons to use in place of the WordPress dashicons. function fontawesome_dashboard() { wp_enqueue_style(‘fontawesome’, ‘http:////’, ”, ‘4.5.0’, ‘all’); } add_action(‘admin_init’, ‘fontawesome_dashboard’); In your functions.php add in the above in which a new function is…

Read More