Postion of attribute on single product page

Hello @prysiwo,

Please put the CSS below in Customizing Environment > Custom CSS/JS > CSS Code:

.woocommerce div.product form.cart .variations tr:first-child td {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

.woocommerce div.product form.cart .variations tr:first-child td.label {
    border: none;
}

Best Regards

thank you very much, i appreciate it!

You’re welcome.

now the button of clearing covers the border line… can we fix it?
https://i.imgur.com/H55ZfrD.jpg

Hello @prysiwo,

Please add the CSS below:
https://i.postimg.cc/y8WxcgJ6/image.png

.woocommerce div.product form.cart .variations tr:first-child td.value {
    border: unset;
}

.woocommerce div.product form.cart .variations .reset_variations {
    margin-bottom: 20px;
}

.woocommerce div.product form.cart .variations {
    border-bottom: 1px solid #eeeeee;
}

to remove the border-bottom, add the CSS below:

.woocommerce div.product form.cart .variations tr:first-child td.value {
    border: unset;
}

Best Regards

thank you again ?? it’s perfect now

Hello @prysiwo,

You’re welcome,
I’m glad it is solved.

Best Regards

hi,
after update to woocommerce 6.1.0 something went wrong with this…
https://i.imgur.com/MZFEE3Y.jpg
any ideas how to fix this?