How can I style the product table?
WooCommerce Product Table comes with some built-in styling and is designed to look good with most themes. Where possible, it takes elements from your theme such as the fonts.
The plugin settings page (WooCommerce > Settings > Products > Product Tables) includes options to set the following custom styles:
- Border color and line widths
- Header background color
- Cell background color
- Header font color and size
- Cell font color and size
You can further style the table by adding custom CSS to your theme or child theme. If you don’t know how to do this yourself, we recommend posting a job on Codeable, where pre-approved WordPress experts will bid for the work. Alternatively, or you can use our styling and customisations service – please contact us for a free quote.
Warning! We do NOT recommend changing the CSS in the product table plugin because if you do this then your changes will be lost when you update the plugin in future.