Title: Changing an icon by custom css
Last modified: January 17, 2025

---

# Changing an icon by custom css

 *  Resolved [willem0](https://wordpress.org/support/users/willem0/)
 * (@willem0)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/changing-an-icon-by-custom-css/)
 * Hello. Our website uses on the right side: widgets with nice titles and widget-
   title-icons. For some (not all) pages I would like to use a different icon.
   I
   can change ALL icons by custom-css:.widget-title-tab:before {content: “\f200”;}
   This works, so the icon before the text “SAMEN ACTIEF” will change.For just the
   homepage (post-32) I’ve tried:.post-32 .widget-title-tab:before {content: “\f200”;}
   Alas, this doesn’t work.What can I do to change an icon on a specific page?Thanks.
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fchanging-an-icon-by-custom-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Ѧwesomə Pøssum ❤️](https://wordpress.org/support/users/awesomesaucepossum/)
 * (@awesomesaucepossum)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/changing-an-icon-by-custom-css/#post-18250197)
 * Hi [@willem0](https://wordpress.org/support/users/willem0/)!
 * The code you used doesn’t work, because the button is not within the `.post-32`
   class, but it is elsewhere. You could use the class of the body element to specify
   your page, and that should work out well:
 *     ```wp-block-code
       .page-id-32 .widget-title-tab:before {    content: "\f200";}
       ```
   
 *  Thread Starter [willem0](https://wordpress.org/support/users/willem0/)
 * (@willem0)
 * [1 year, 3 months ago](https://wordpress.org/support/topic/changing-an-icon-by-custom-css/#post-18250231)
 * Aha, I didn’t realise the widgets are defined elsewhere.
   Thanks a lot for your
   quick reply 🙂I’ve just temperally changed the icon on our homepage!Now I know
   how to continue.

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

The topic ‘Changing an icon by custom css’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [willem0](https://wordpress.org/support/users/willem0/)
 * Last activity: [1 year, 3 months ago](https://wordpress.org/support/topic/changing-an-icon-by-custom-css/#post-18250231)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics