Support » Plugin: WooCommerce » I want horizontal variations and add to cart

  • Resolved lshenefield



    You can see on the page that size flavor and add to cart are in a stack going vertical. Can I make them horizontal underneath the description tabs?

    Thank you,


    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Rynald0s


    Automattic Happiness Engineer

    Hi @lshenefield!

    You can try the following CSS to see if that works for you:

    .product table.variations tr, .product table.variations td {
        display: inline;

    You can add this CSS code to the “Additional CSS” section in your customizer.


    Hi RynaldOs!

    Thank you for the code. I know that’s the simple version. Now I have this:

    Is there a way to make the labels stacked? Padding?

    Second question: the – 1 + box is missing in my woocommerce. I don’t know where it went.

    Thank you,


    Plugin Support Luminus


    Automattic Happiness Engineer

    Hi @lshenefield

    You can use this CSS to make that possible:

    .variations select {
        margin-top: 30px;
        margin-left: -50px;

    If you’re not happy with the positioning, feel free to play around with the numbers and any other CSS attributes.

    I’ll go ahead and mark this thread as resolved now. If you have any further questions, I recommend creating a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.