Jeroen Sormani on "[Plugin: WooCommerce Products Per Page] CSS"

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/

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

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

Hi Ali and Graham,

I just checked how the default dropdown is formatted VS the WPPP one:
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 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