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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems