Title: multiple css classes
Last modified: August 22, 2016

---

# multiple css classes

 *  Resolved [Micah Miller-Eshleman](https://wordpress.org/support/users/micahjm/)
 * (@micahjm)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/multiple-css-classes/)
 * Could you add support for multiple css classes? This would be super handy for
   mimicking the styling of other menus in my theme without adding more css to the
   page. Thanks!
 * [https://wordpress.org/plugins/better-menu-widget/](https://wordpress.org/plugins/better-menu-widget/)

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

 *  Plugin Author [Tracey Holinka](https://wordpress.org/support/users/traceyholinka/)
 * (@traceyholinka)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/multiple-css-classes/#post-5458431)
 * Thanks for the suggestion.
 *  [betagoo](https://wordpress.org/support/users/betagoo/)
 * (@betagoo)
 * [11 years, 2 months ago](https://wordpress.org/support/topic/multiple-css-classes/#post-5458454)
 * Also, I think it’s a good idea.
 *  [Blake Imeson](https://wordpress.org/support/users/imeson/)
 * (@imeson)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/multiple-css-classes/#post-5458469)
 * This would make this plugin way handier!
 * As it stands thanks though.
 *  Plugin Author [Tracey Holinka](https://wordpress.org/support/users/traceyholinka/)
 * (@traceyholinka)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/multiple-css-classes/#post-5458470)
 * Thanks for the suggestion. I’m planning to add multiple css class to the next
   release.
 *  [Joe Buckle](https://wordpress.org/support/users/bambattajb/)
 * (@bambattajb)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/multiple-css-classes/#post-5458484)
 * You could add the ability for multiple classes reasonably simply. I’ve just added
   the following code to the update method in the widget class if it helps anyone.
 *     ```
       public function update( $new_instance, $old_instance ) {
               $instance['title']      = sanitize_text_field( $new_instance['title'] );
               $instance['nav_menu']   = (int) $new_instance['nav_menu'];
               $instance['title_url']  = esc_html( $new_instance['title_url'] );
   
               /*
                * Multiple classes fix
                */
               $output     = '';
               $classes    = explode(" ", $new_instance['menu_class']);
               foreach($classes as $class) {
                   $output .= sanitize_html_class($class) . ' ';
               }
               $output = rtrim($output, ' ');
               $instance['menu_class'] = $output;
   
               return $instance;
       }
       ```
   
 *  Plugin Author [Tracey Holinka](https://wordpress.org/support/users/traceyholinka/)
 * (@traceyholinka)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/multiple-css-classes/#post-5458485)
 * Thanks Joe! This works well–I just made a slight modification to strip out multiple
   spaces. I should have it release within a week.

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

The topic ‘multiple css classes’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/better-menu-widget_9a8b9c.svg)
 * [Better Menu Widget](https://wordpress.org/plugins/better-menu-widget/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/better-menu-widget/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/better-menu-widget/)
 * [Active Topics](https://wordpress.org/support/plugin/better-menu-widget/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/better-menu-widget/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/better-menu-widget/reviews/)

## Tags

 * [custom menu widget](https://wordpress.org/support/topic-tag/custom-menu-widget/)

 * 6 replies
 * 5 participants
 * Last reply from: [Tracey Holinka](https://wordpress.org/support/users/traceyholinka/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/multiple-css-classes/#post-5458485)
 * Status: resolved