Why is there no space between variant label

[ChristinaLavery]

Hi, 

Where in my coding would this highlighted section be?

I have looked throughout and i cannot locate this anywhere. 

I have also looked on the theme language page, not there either.

Thanks!

[Moeed · Accepted solution]

Hey @ChristinaLavery 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.ProductForm__Option.ProductForm__Option--labelled span.ProductForm__Label {
    visibility: hidden;
}
.ProductForm__Option.ProductForm__Option--labelled span.ProductForm__Label:after {
    visibility: visible;
    content: "Size Description";
    float: left !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ChristinaLavery]

Thank you!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[websensepro]

Hi @ChristinaLavery ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.ProductForm__Option.ProductForm__Option--labelled span.ProductForm__Label {
    visibility: hidden;
}
.ProductForm__Option.ProductForm__Option--labelled span.ProductForm__Label:after {
    visibility: visible;
    content: "Size Description";
    float: left !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!