Hestia and WooCommerce: Need CSS to change product variation 2-column layout

  • Resolved donesteban

    (@donesteban)


    5 years, 3 months ago

    Hi again, see link as an example. The variation attributes are arranged in two columns. Does someone know which css rules one could add (in a child theme) to make the variations appear in one column? See my last post, which I marked as resolved. Thanks, regards, Stefan.

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

Viewing 1 replies (of 1 total)
  • Thread Starter donesteban

    (@donesteban)

    5 years, 3 months ago

    Got it finally. If someone wants to know how. This is the SASS code I use:

    
.woocommerce {
  div.product {
    div.summary {
      form.cart {
        .variations {
          tr {
            display: table-row;
	    &:nth-child(2n) {
              float: none;
	    }
          }
        }
      }
    }
  }
}
    • This reply was modified 5 years, 3 months ago by donesteban.
    • This reply was modified 5 years, 3 months ago by donesteban.
Viewing 1 replies (of 1 total)
  • The topic ‘Hestia and WooCommerce: Need CSS to change product variation 2-column layout’ is closed to new replies.