Title: CSS
Last modified: August 31, 2016

---

# CSS

 *  Resolved [SuperGraham](https://wordpress.org/support/users/supergraham/)
 * (@supergraham)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-118/)
 * The only way I could get the PPP drop down to look like the other WooCommerce
   drop downs was to edit the plugin by adding an extra div and span. I effectively
   copied the ordering drop down. Any chance you can add that to the plugin or maybe
   I’m missing something?
 * Here’s the change I made:
 * <form method=”<?php echo esc_attr( $method ); ?>” action=”<?php echo esc_url(
   $action ); ?>” style=’float: right; margin-left: 5px;’ class=”form-wppp-select
   products-per-page”><div class=”selector” id=”ppp-selector” ><span>Products per
   page</span>
 * [https://wordpress.org/plugins/woocommerce-products-per-page/](https://wordpress.org/plugins/woocommerce-products-per-page/)

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

 *  Plugin Author [Jeroen Sormani](https://wordpress.org/support/users/sormano/)
 * (@sormano)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-118/#post-6974991)
 * Hi Graham,
 * Last time I checked it was consistent with the core dropdown fields, but it could
   be a theme overrides this.
 * In any way, you can override where/how the dropdown is added via hooks, so I 
   think thats also possible for you in this case.
    (there’s a thread somewhere 
   on this forum, too late for me to search for it now 😉 )
 * Cheers,
    Jeroen
 *  [alipsmith](https://wordpress.org/support/users/alipsmith/)
 * (@alipsmith)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/css-118/#post-6975128)
 * Hi Jeroen,
 * I second making it easier to tweak the CSS! Love the plugin … just wish I could
   make it look like the default WooComm dropdowns. I can’t seem to grab on to any
   of the classes.
 * Ali
 *  Plugin Author [Jeroen Sormani](https://wordpress.org/support/users/sormano/)
 * (@sormano)
 * [9 years, 12 months ago](https://wordpress.org/support/topic/css-118/#post-6975129)
 * Hi Ali and Graham,
 * I just checked how the default dropdown is formatted VS the WPPP one:
    [http://cl.ly/3O2Y1d2R3346](http://cl.ly/3O2Y1d2R3346)
 * They appear to have the same markup, without extra divs (or other wrappers). 
   There are multiple classes that are callable through CSS, is there anything else
   I’m missing to get them working / looking as close to core as possible?
 * [@ali](https://wordpress.org/support/users/ali/) note that you may need to add
   a !important to your CSS element if you want to override one of the two existing
   inline styles 😉
 * Let me know 🙂
 * Jeroen
 *  [7o599](https://wordpress.org/support/users/7o599/)
 * (@7o599)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/css-118/#post-6975130)
 * I would like to remove these inline styles.
    `style='float: right; margin-left:
   5px;'`
 * How can I do this?
 *  Plugin Author [Jeroen Sormani](https://wordpress.org/support/users/sormano/)
 * (@sormano)
 * [9 years, 11 months ago](https://wordpress.org/support/topic/css-118/#post-6975131)
 * Hi,
 * It is not possible to actually remove them, but you can override them with your
   own desired values.
 * This can be done by entering the CSS in your child-themes stylesheet or maybe
   through a plugin.
 * You should be able to do something like this:
 *     ```
       .form-wppp-select.products-per-page {
           float: left;
       }
       ```
   
 * Hope that helps 🙂
 * Jeroen
 *  [alipsmith](https://wordpress.org/support/users/alipsmith/)
 * (@alipsmith)
 * [9 years, 10 months ago](https://wordpress.org/support/topic/css-118/#post-6975137)
 * thanks Jeroen!

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

The topic ‘CSS’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce-products-per-page/assets/icon-256x256.jpg?rev
   =1090359)
 * [Products Per Page for WooCommerce](https://wordpress.org/plugins/woocommerce-products-per-page/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-products-per-page/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-products-per-page/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-products-per-page/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-products-per-page/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-products-per-page/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 6 replies
 * 4 participants
 * Last reply from: [alipsmith](https://wordpress.org/support/users/alipsmith/)
 * Last activity: [9 years, 10 months ago](https://wordpress.org/support/topic/css-118/#post-6975137)
 * Status: resolved