How can I style the Variations Table

If you want to change the style of the variations table you need to work with custom CSS.

For example if you want to change the header-background color you can insert the following custom Styles into your Child Themes > Custom CSS:

.woocommerce-variations-table thead tr {
background-color: #000;

10 thoughts on “How can I style the Variations Table

  1. luke says:


    how can i change the colour of the add to cart button?

    also is there a shortcake option where i can paste my products including the variations into a specific page or post.


  2. Javier says:

    Hello, I am trying to add the code for making the featured image on every variation clickable for viewing larger with the simple lightbox plugin, can you tell where do I have to put the code?


Leave a Reply

Your email address will not be published. Required fields are marked *