This topic has 2 replies, 2 voices, and was last updated 10 months, 3 weeks ago ago by Tony Rodriguez
hello i how i can change size swatches color when active or hover black circle with white text?
Hello, @Focu5,
Thank you for contacting us and for using XStore.
To modify the color of the variation swatches on the single product page, we kindly ask you to implement the following CSS code. Please navigate to XStore > Theme Options > Theme Custom CSS > Global CSS in your website’s admin panel and paste the code provided below:
.single-product form.variations_form.cart li.type-label.selected span {
background-color: #000 !important;
border-radius: 100% !important;
color: #fff !important;
}
.single-product form.variations_form.cart li.type-label:hover span {
background-color: #000 !important;
border-radius: 100% !important;
color: #fff !important;
}
Should you wish to customize the color further, feel free to adjust the hexadecimal color values in the code to suit your preferences.
The result should look like this: https://pasteboard.co/8nvETXdMBtaX.png
We appreciate your attention to this matter and are here to assist should you have any questions or require further guidance.
Best Regards,
The 8Theme Team
You must be logged in to reply to this topic.Log in/Sign up