Basic CSS to order child objects in a parent object
Parent Object
.woocommerce div.product div.summary {
display: flex;
flex-direction: column;
}
Child Object
h1.product_title.entry-title {
order: 1;
}
p.price {
order: 2;
}
wc-availability {
order: 6;
}
woocommerce-product-details__short-description {
order: 4;
}
form.variations_form.cart {
order: 5;
}
product_meta {
order: 6;
}
