White colour swatch outline

White colour swatch outline

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Products > Attributes > Edit any attribute and choose the swatches style of the theme.

See Screenshot for better understanding: https://ibb.co/VrWrmzw

Best Regards,

changing the settings did not help e achieve the result i want. The outline around the white is very faded. I am having to make the page background darker so the white swatch becomes visible.

Can you please tell me the element which controls the border colour and thickness? i tried (.wd-swatch-bg) but its not working.

Thank you.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global. Change the code as per your requirements.

[class*="wd-swatches"] {
    --wd-swatch-brd-color: #fa0000;
}

.wd-swatch.wd-bg .wd-swatch-bg:before {
    border-width: 2px !important;
}

Best Regards,

Thanks for that. We just uploaded an image of the swatch with a black outline and that worked just fine.

Thanks again.

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts