• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Add Icons To Widget Title

This tutorial provides 2 ways to add social follow icons next to any widget title. The social icons are hand coded using dashicons.

You can use this method to add any type of icons before, after or within the text of any widget title in any theme.

Here’s an example showing the icons floated to the right of the recent posts widget title:

social-icons

Tested on the Enterprise Pro child theme by StudioPress.

This tutorial is based on this question from a member of the Genesis community:

In the custom widget area, I have moved the recent posts widget into it. I would like to add some social icons (will be using font awesome icons) to the title of the custom widget area. How can I do modify my custom widget area title to include the social icons?

Which Method Should You Use?

  1. Use method 1 when adding icons to widgets in custom widget areas added via your theme.
  2. Use method 2 when adding icons to any of the widgets native to WordPress.

Here’s the code for members:

Register for full access

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.