How can I add padding to product size options on my webpage?

Store Design
1

Hi there,

On each of our product pages - the sizing options are too close together - see attached pictures for desktop and mobile.

Is there a way of adding padding between the sizes so that they are more evenly spread out? For example, on mobile - the width of the sizes line is the same as the product title?

Thanks,

Ella

2

Hi @EllaFS

Can you please share your store URL and password, if any?
I will check and provide you with a solution.

3

Sure - here you go: https://futureselfshop.com/

Thanks in advance!

4

Hi @EllaFS

Please go to your Themes > Edit code > Assets > Open theme.scss.css and paste the following code to the bottom of the file.

.option-label {
    margin-right: 30px;
}

You can change the margin value to any that fits your need.

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

5

Perfect, thank you so much!!

6

You’re very welcome :slightly_smiling_face: