Archived topic
Center WooCommerce Variation Labels
4 replies · Started by Srinivas on October 18, 2020
Viewing posts 1–5 of 5
Hi Team,
I am stuck at a situation where I am trying to center the label of woocommerce in mobile view and no matter what I am doing its not working. The desktop mode is fine but mobile view is bad hence need your help.
https://coverfaktory.com/product/beautiful-flower-and-leaves-design-hard-case-phone-cover/
[img]https://i.imgur.com/78kKeSp.png[/img]
Hi there,
try adding this CSS:
.woocommerce form.cart table.variations tr {
display: flex;
align-content: center;
}
.woocommerce form.cart table.variations tr td {
flex: 1;
}
.woocommerce form.cart table.variations tr td.label {
flex: 0 0 75px;
}Ohhh Wow David! you are a saviour. I was on this for the last 1 day on this. You are awesome. This was the quickest and fastest reply and solution that was provided to me. Thanks guys
Glad to be of help!
This archived topic is closed to new replies.
