Title: Image before widget title
Last modified: May 17, 2019

---

# Image before widget title

 *  Resolved Anonymous User 9824923
 * (@anonymized-9824923)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/)
 * Hallo. I’m trying to add 3 images before my footer’s widgets, it would be the
   respective icons for the social media like in the second image here: [https://imgur.com/a/vSpZFmI](https://imgur.com/a/vSpZFmI)
 * I’ve already managed the css for the images, but I can not figure out how to 
   use a class and id to add it before each specific title.
 * {content:url([https://irinasopas.com/wp-content/uploads/2019/05/facebook.svg](https://irinasopas.com/wp-content/uploads/2019/05/facebook.svg));}
 * Can someone help me?
 * best regards,
 * Irina
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fimage-before-widget-title%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Amanda K.](https://wordpress.org/support/users/aoking/)
 * (@aoking)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/#post-11543547)
 * This code will add the image before the title of the widget, but you’d need to
   figure out how to drill down further since they all have the same css class settings.
 *     ```
       h3.widgettitle::before {
           content: url("https://irinasopas.com/wp-content/uploads/2019/05/facebook.svg");
       }
       ```
   
 *  Thread Starter Anonymous User 9824923
 * (@anonymized-9824923)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/#post-11543554)
 * Hum… Using the widget id won’t work?
 *  [Amanda K.](https://wordpress.org/support/users/aoking/)
 * (@aoking)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/#post-11543626)
 * Oh, I didn’t even notice that; then sure here you go:
 *     ```
       #custom_html-2 h3.widgettitle::before {
           content: url("https://irinasopas.com/wp-content/uploads/2019/05/facebook.svg");
       }
       ```
   
 * Just be sure to change the widget ID and the image URL.
 *  Thread Starter Anonymous User 9824923
 * (@anonymized-9824923)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/#post-11543647)
 * That worked, you’re amazing GIRL! :D. There is anyway to change the images size?
   They’re appearing too big, I’m using svg.
 * Regards,
 * Irina
 *  [Amanda K.](https://wordpress.org/support/users/aoking/)
 * (@aoking)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/#post-11543667)
 * You can add this which will size all of them:
 *     ```
       h3.widgettitle::before {
           display: block;
           height: 50px;
           width: 50px;
           margin: 0 auto;
       }
       ```
   
 * You can adjust the height/width to your liking.
 *  Thread Starter Anonymous User 9824923
 * (@anonymized-9824923)
 * [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/#post-11543746)
 * Thank you so much dear, is working like a charm. Now I need to learn how to use
   jquery to add a link on those images.
 * I wish you a very nice weekend.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Image before widget title’ is closed to new replies.

## Tags

 * [footer](https://wordpress.org/support/topic-tag/footer/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [title](https://wordpress.org/support/topic-tag/title/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: Anonymous User 9824923
 * Last activity: [7 years, 1 month ago](https://wordpress.org/support/topic/image-before-widget-title/#post-11543746)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics