Hi,
For my product pages, i’m currently trying to find a way to have my size swatches shaded in when selected. Currently theres no visual cue of which size is selected. Either outline or shaded in effect is fine by me.
Here is my website: www.houseofdakh.com
Any help?
Thanks
hi @ELBOY
You need add the label tag and then make style on it.
This is solve to you:
Hope will helpful to you!
hmm, still not sure what you mean.
I mean when you handle show the radio button for each variants, you should add tag for each radio button and you will make style for label tag when radio button getting select.
i think will a little difficult if you don’t familiar with code. If you see difficult while handle, i can help you check.
Hi @ELBOY,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
button.product-form__chip.selected{
box-shadow: 2px 4px 8px grey;
}
Hope my solution works perfectly for you!
Best regards,
Victor | PageFly
Not exactly what I was looking for but I like it!
@ELBOY
If you have the page example then I will check and get this CSS to work for your page.
or You can search more about the CSS code, for example, this keyword: “Beautiful CSS box-shadow examples”, you will find and choose many samples to apply
