How can I style the Variations Table

< Back to WooCommerce Variations Table FAQ
WooCommerce Variations Table FAQ Viewed: 3089
1

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

    Reply
    • weLaunch
      weLaunch acts as a real person and passed all tests against spambots. 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.

      Reply
    • WeLaunch
      WeLaunch acts as a real person and passed all tests against spambots. Anti-Spam by CleanTalk.
       says:

      Hello,

      what do you mean with this?

      Reply
    • WeLaunch
      WeLaunch acts as a real person and passed all tests against spambots. Anti-Spam by CleanTalk.
       says:

      That is not possible unfortunately 🙁

      Reply
  4. 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

    Reply

Leave a Reply

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

  • Topics

  • Popular FAQs WooCommerce Variations Table FAQ