Hello @anoop,
The settings you mentioned apply only to the select field; however, there are swatches with a label type on your Single product content. If you would like to modify the colors of these items, you can use the following custom CSS:
selector ul.st-swatch-preview-single-product li.type-label {
background: green;
color: red;
border-color: blue;
}If you would like to customize only the selected item, use next custom CSS:
selector ul.st-swatch-preview-single-product li.type-label.selected {
background: green;
color: red;
border-color: blue;
}
selector ul.st-swatch-preview-single-product li.type-label.selected span {
transform: scale(2);
}Please add this CSS in Dashboard → XStore Builders → Single Product Builder → Edit with Elementor -> find the Cart Form widget → Advanced tab, then scroll to the “Custom CSS” section.
If you still require our assistance, kindly provide temporary wp-admin access in private content.
Best regards,
Jack Richardson
The 8Theme’s Team
