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

  • Resolved lshenefield

    (@lshenefield)


    Hello!

    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,

    Luke

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

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

    (@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.

    Cheers!

    Hi RynaldOs!

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

    http://tinyurl.com/sspppxj

    Is there a way to make the labels stacked? Padding?
    SIZE FLAVOR
    DROP DOWN DROP DOWN

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

    Thank you,

    Luke

    Plugin Support Luminus

    (@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.