Start a project

How can I style the Variations Table

WooCommerce Variations Table FAQViewed 3978 times

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;
}

Questions & answers (10)

  1. JavierSeptember 2, 2019

    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

  2. WeLaunchSeptember 5, 2019

    Thanks for providing this information to us 🙂

  3. JoeSeptember 15, 2019

    Hey – did anyone find a solution to this? I’m looking to do the same.

    Thanks

  4. RaphaelSeptember 17, 2019

    Hey! I try the same … have you come further?

  5. Wipawan KwonkuaiAugust 24, 2019

    I want the attributes color box to be a drop down list

  6. WeLaunchAugust 24, 2019

    That is not possible unfortunately 🙁

  7. aakashsinghSeptember 27, 2018

    can i make photo print online by this plugins

  8. WeLaunchSeptember 27, 2018

    Hello,

    what do you mean with this?

  9. lukeSeptember 3, 2018

    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

  10. weLaunchSeptember 3, 2018

    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.