Solved

How to Make Quantity Menu Header Bold

Macnet
Excursionist
23 1 8

Hi

I need assistance with two issues on my product page (link below):

(1.) The QUANTITY menu header - I would like this text in bold as is the case with the COLOUR menu header above. I would appreciate help with the css code for this.

(2.) The COLOUR menu header - the text of the selected colour appears beside the COLOUR text header. I don't know why it is like this. Any suggestions on how to remove it would be greatly appreciated.

Here is the link to the product page:

https://silkycaketoppers.co.uk/products/personalised-60th-birthday-cake-toppers-for-him-and-her?vari...

 

Mac

Accepted Solution (1)

ZestardTech
Shopify Expert
5595 1016 1341

This is an accepted solution.

Hello @Macnet ,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

 

.quantity__label.form__label {
font-weight: 700!important;
color: black !important;
}

 

ZestardTech_0-1716792206127.png

 

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
3875 979 1222

Hey @Macnet 

 

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>
label.quantity__label.form__label {
    font-weight: 900 !important;
    color: black !important;
}
</style>

RESULT:

 

Moeed_0-1716790442050.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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

ZestardTech
Shopify Expert
5595 1016 1341

This is an accepted solution.

Hello @Macnet ,

 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

 

 

.quantity__label.form__label {
font-weight: 700!important;
color: black !important;
}

 

ZestardTech_0-1716792206127.png

 

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Macnet
Excursionist
23 1 8

Hi

I applied the code and it worked perfectly ! Much appreciated 🙂

ZestardTech
Shopify Expert
5595 1016 1341

Hi @Macnet 

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing