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:

    Hi,

    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.

    Thanks

    • weLaunch

      The Real Person!

      Author weLaunch acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.
      says:

      Hi Luke,

      our plugin adopts the themes styling for your add to cart button. You can use custom CSS to change the look & behaviour.

      For shortcodes please see here.

    • WeLaunch

      The Real Person!

      Author WeLaunch acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.
      says:

      Hello,

      what do you mean with this?

    • WeLaunch

      The Real Person!

      Author WeLaunch acts as a real person and verified as not a bot.
      Passed all tests against spam bots. Anti-Spam by CleanTalk.
      says:

      That is not possible unfortunately 🙁

  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?

    Thanks

Leave a Reply

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