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

Solved

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

MMast
Trailblazer
182 1 25

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.

Screenshot 2024-06-26 075513.png

Accepted Solutions (3)

Moeed
Shopify Partner
4361 1123 1380

This is an 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:

Moeed_0-1719404484917.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

BSSCommerce-HDL
Shopify Partner
1100 376 447

This is an 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: 

BSSCommerceHDL_0-1719404585117.png

 

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 😍



 

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Rahul_dhiman
Shopify Partner
234 44 43

This is an 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
10.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here

View solution in original post

Replies 3 (3)

Moeed
Shopify Partner
4361 1123 1380

This is an 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:

Moeed_0-1719404484917.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

BSSCommerce-HDL
Shopify Partner
1100 376 447

This is an 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: 

BSSCommerceHDL_0-1719404585117.png

 

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 😍



 

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


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

Rahul_dhiman
Shopify Partner
234 44 43

This is an 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
10.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here