How To Bold 'Size' and 'Color' Title(s) On Product Page

[MMast]

Thanks in advance!

I am looking to make the 'size' title and 'color' title bold on my product page that works for both mobile and pc version. Example shown below.

[Moeed · Accepted solution]

Hey @MMast 

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>
.form__label {
    font-weight: bolder !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[BSSCommerce-HDL · Accepted solution]

Hi @MMast, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

.product-form__input .form__label {
    font-weight: bold !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Moeed · Accepted solution]

Hey @MMast 

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>
.form__label {
    font-weight: bolder !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[BSSCommerce-HDL · Accepted solution]

Hi @MMast, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside style tag

.product-form__input .form__label {
    font-weight: bold !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Rahul_dhiman · Accepted solution]

Hello @MMast 
Go to online store ---------> themes --------------> actions ------> edit code-------> assets----->section-main-product.CSS ----> line number 174
and add this code at the very end of your file.

.product-form__input .form__label {
padding-left: 0;
font-weight: bold;
}

and the result will be

If this was helpful, hit the like button and mark the job as completed.
Thanks