WordPress.org

Plugin Directory

Widget CSS Classes

Add custom classes and ids plus first, last, even, odd, and numbered classes to your widgets.

  1. Upload the folder /widget-css-classes/ to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Configure the settings under Settings > Widget CSS Classes
  4. Visit Appearance > Widgets to add or change the custom classes and ids for a widget.
  5. Expand the appropriate widget in the desired sidebar.
  6. You'll see a field labeled CSS Class. Depending on your settings, this will be a text field and/or checkboxes.
  7. If you are using the text field you can enter multiple class names by separating them with a space.
  8. If you've enabled the id field, you will see a text field called CSS ID.

Requires: 3.3 or higher
Compatible up to: 4.6.1
Last Updated: 2 months ago
Active Installs: 70,000+

Ratings

4.9 out of 5 stars

Support

0 of 1 support threads in the last two months have been marked resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

1 person says it works.
0 people say it's broken.

100,2,2
100,1,1 100,2,2 100,2,2
50,2,1
100,2,2 100,3,3
100,1,1
100,1,1
100,1,1
100,3,3
33,3,1
100,3,3
100,2,2
67,3,2
100,2,2
100,2,2
100,1,1 100,1,1
100,1,1
100,1,1
100,1,1
100,2,2
100,2,2
100,1,1
0,1,0
100,1,1