Ben Huson

<h4>Add missing classes</h4>
<p>Adds missing classes for selected menu states. Classes added include:</p>
<ul>
<li><code>current-page-parent</code> and <code>current_page_parent</code></li>
<li><code>current-page-ancestor</code> and <code>current_page_ancestor</code></li>
<li><code>current-menu-ancestor</code></li>
<li><code>current-menu-parent</code></li>
</ul>
<p>The classes are added in the following scenarios:</p>
<ul>
<li><strong>When viewing an attachment page</strong> classes are added to any parent pages and their menu ancestors.</li>
<li><strong>When viewing a post</strong> classes are added to any relevant taxonomy menu items and their manu ancestors.</li>
</ul>
<h4>Manage Menu Select States</h4>
<p>Allows you to control which menu items should be selected (or deselected) when viewing certain pages of your site. You need to add classes to the menu items for this to work.</p>
<ul>
<li><code>ecms-archive-{$post_type}</code> – Select menu item when viewing a post type archive page.</li>
<li><code>ecms-single-{$post_type}</code> – Select menu item when viewing a single post type page.</li>
<li><code>ecms-taxonomy-{$taxonomy}</code> – Select menu item when viewing a taxonomy archive.</li>
<li><code>ecms-taxonomy-{$taxonomy}-term-{$term}</code> – Select menu item when viewing a taxonomy term archive.</li>
<li>
<p><code>ecms-404</code> – Select menu item when viewing a 404 page.</p>
</li>
<li>
<p><code>ecms-no-archive-{$post_type}</code> – Deselect menu item when viewing a post type archive page.</p>
</li>
<li><code>ecms-no-single-{$post_type}</code> – Deselect menu item when viewing a single post type page.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}</code> – Deselect menu item when viewing a taxonomy archive.</li>
<li><code>ecms-no-taxonomy-{$taxonomy}-term-{$term}</code> – Deselect menu item when viewing a taxonomy term archive.</li>
<li><code>ecms-no-404</code> – Deselect menu item when viewing a 404 page.</li>
</ul>


Extra Classes

Adds classes for selected menu states such as highlighting categories when viewing a blog post or parent page when viewing an attachment page.

Jory Hogeveen

Cindy Kendrick

<h3>Widget CSS Classes gives you the ability to add custom classes and ids to your WordPress widgets</h3>
<p><em>Please note that this plugin doesn’t enable you to enter custom CSS. You’ll need to edit your theme’s style.css or add another<br />
 plugin that allows you to input custom CSS.</em></p>
<p><strong>This plugin also adds additional classes to widgets to help you style them easier:</strong></p>
<ul>
<li>widget-first: added to the first widget in a sidebar</li>
<li>widget-last: added to the last widget in a sidebar</li>
<li>widget-odd: added to odd numbered widgets in a sidebar</li>
<li>widget-even: added to even numbered widgets in a sidebar</li>
<li>widget-#: added to every widget, such as widget-1, widget-2</li>
</ul>
<h4>Features</h4>
<ul>
<li>Adds a text field to a widget for defining a class</li>
<li>You can specify multiple classes by putting a space between them</li>
<li>Optionally adds checkboxes with predefined classes</li>
<li>Optionally adds a text field to add an id to a widget</li>
<li>Adds first and last classes to the first and last widget instances in a sidebar</li>
<li>Adds even/odd classes to widgets</li>
<li>Adds number classes to widgets</li>
<li>Fully translatable</li>
<li>Multi-site compatible</li>
<li>Compatible with Widget Logic, Widget Context, and WP Page Widget plugins</li>
<li>Has filters and hooks for customizing output including class names</li>
</ul>
<p><a href="https://github.com/JoryHogeveen/widget-css-classes/wiki" rel="nofollow ugc">Plugin Website</a></p>
<h3>Credits</h3>
<ul>
<li><a href="http://ednailor.com/2011/01/24/adding-custom-css-classes-to-sidebar-widgets/" rel="nofollow ugc">Adding Custom CSS Classes to WordPress Widgets</a></li>
<li><a href="http://wpshock.com/add-first-last-css-class-automatically-to-wordpress-widgets/" rel="nofollow ugc">Add .first & .last CSS Class Automatically To WordPress Widgets</a></li>
<li>Widget Context compatibility fix provided by <a href="http://joanpiedra.com/" rel="nofollow ugc">Joan Piedra</a></li>
<li>Slovak translation by Branco <a href="http://webhostinggeeks.com/user-reviews/" rel="nofollow ugc">WebHostingGeeks.com</a></li>
<li>Polish translation added, Slovak translation files renamed by <a href="https://github.com/ittw" rel="nofollow ugc">Tomasz Wesołowski</a></li>
<li>Spanish translation by <a href="http://www.webhostinghub.com/" rel="nofollow ugc">Maria Ramos at WebHostingHub</a></li>
<li>Serbo-Croatian translation by <a href="http://www.webhostinghub.com/" rel="nofollow ugc">Borisa Djuraskovic at WebHostingHub</a></li>
<li>Dutch translation and predefined classes fix by <a href="https://www.keraweb.nl/" rel="nofollow ugc">Jory Hogeveen at Keraweb</a></li>
<li>Russian translation by Наталия Завьялова</li>
<li>Swedish translation by <a href="http://www.ollegustafsson.com/" rel="nofollow ugc">Olle Gustafsson</a></li>
<li>Fix ids notice by <a href="http://www.luders.com.br/" rel="nofollow ugc">Ricardo Lüders</a></li>
<li>Brazilian Portuguese translation by <a href="https://mealfan.com/" rel="nofollow ugc">Jonathan Xavier at Mealfan</a></li>
</ul>
<p><a href="https://translate.wordpress.org/projects/wp-plugins/widget-css-classes/contributors/" rel="nofollow ugc">Translation Contributors</a><br />
<a href="https://github.com/JoryHogeveen/widget-css-classes/graphs/contributors" rel="nofollow ugc">GitHub Contributors</a></p>


Widget CSS Classes

Very useful plugin! it's a wonder WP core doesn't have such a feature. Support is great also, thanks a lot! ;D

working great

Wordpress released new style of widget management. this lovely plugin not working on new version :(

Not working on Wordpress 5.8

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

Extra Classes vs Widget CSS Classes