Help needed: Unable to select size with Button Variant Picker,

[Pantheramuse]

I am using Theme: Heritage V1.0.3  working on my product page in the theme editor and having issues with the variant picker not allowing size selection.

Specifically, I have selected the "Button" variant picker but it does not allow the sizes to be selected. I have also tried changing the variant picker from "Button" to "Dropdown" and it works. But when I update it back to "Button" the issue is still occurring. 

Please advise how I can enable the "Button" variant picker to allow the sizes to be selected.

[Shadab_dev]

Please share your store url to check the issue.

[Pantheramuse]

My store is currently lock with password, how am I able to provide the access to check the issue?

Store URL: pantheramuse.com

[Shadab_dev]

You can share the password as well. You will find it under settings and users and permissions or may be in general.

Or above your published theme you will see a yellow bar, click that and it will take you the the password field.

[Pantheramuse]

Hi there, I have unlocked my store. Seek your kind expertise in checking the issue.

[Shadab_dev]

Its still asking for the password.

[Pantheramuse]

Hi, you can try now. It’s unlocked

[Shadab_dev]

Yes i see the site now. 

[Shadab_dev · Accepted solution]

Okay, so in your style.css file from the code editor add this at the very bottom of everything.

.variant-option__button-label:has(:checked){

background-color: #F3CD74;

}

Your site is working well its just the background color of the selected size is set to white which feels like its not working. But it is working fine and the right size and color gets added to the cart. Add this, this will show the size that is selected. You just didn't use the right color, that's it.

[Pantheramuse]

Hi, can i know which section i should be adding this to? Is this referring to the theme settings -> Custom CSS?

[Shadab_dev]

Yes you can add it there but i was referri g to the code editor. So click the three dots button and click on edit code. then look for style.css file and the code i provided at the very bottom. You can try adding that under theme settings -> Custom CSS ass well

[Pantheramuse]

Adding under the Custom CSS works! Thank you so much for your help Shadab, i really appreciate it!