How to fix variant display issue in Debut theme?

Hi,

I am using debut theme and the variant display appears to have issues. I would like to align it properly. I have attached a screenshot of what it looks like. Thanks in advance.

Hi @AlkalineH ,

Can you please provide your shop URL and store password (if any)?
I’ll check and provide you with a solution.

Thanks for your assistance. I also see that some of the products have an issue as well. I am not sure they are related. I have attached another screenshot as well.
The url is :

pass: healthyu

Hi @AlkalineH

To fix the alignment of variants on your product page, please go to your Themes > Edit Code > Assets > Open custom_new.css and add the following code to the bottom of the file.

.variant-swatches label {
  margin-right:20px;
}

Can you please give me the URL of the page where I can see the second issue?

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

Thanks for responding. I added the code you suggested and the margin did change. However, the issue I am still having is that the circle around the size is cutting into the word “oz”. Is there a way to fix it? I have attached a screenshot of what it looks like now with the code you shared.

As for the second issue, it’s the same url I provided earlier but this is showing all the default collection with the products that are added so far. I have also attached another screenshot of the second issue.

Thanks again for your help

Thanks for responding. I added the code you suggested and the margin did change. However, the issue I am still having is that the circle around the size is cutting into the word “oz”. Is there a way to fix it? I have attached a screenshot of what it looks like now with the code you shared.

As for the second issue, it’s the same url I provided earlier but this is showing all the default collection with the products that are added so far. I have also attached another screenshot of the second issue.

Thanks again for your help