-
-
Hi team,
i am using product variations with woocommerce and the label for the variations aren’t shown very nice. The label is in a grey colored box left aligned. How can I change the color and the text align to center?
-
-
Hello,
Please add this code into your custom css box:
.woocommerce #content div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label { background-color: #79744a !important; padding-left: 1em !important; text-transform: capitalize !important; }
Change the color value to your wish.
Best regards!
-
Thx. That works. I’ve added something.
/*woocommerce variations*/
.woocommerce #content div.product form.cart .variations td.label, .woocommerce div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label {
background-color: #79744a !important;
padding-left: 1em !important;
padding-top: 5px !important;
text-transform: capitalize !important;
margin-right: 20px !important;
}
-
That looks good!
Let us know if you need further help.
Regards!
-
You must be logged in to reply to this topic.