How can I enhance and enlarge product subheadings in the Dawn theme?

[illuminateme202]

Hi,

Can someone tell me how to increase the size and make bold the sub-headings in my product page? I'm currently using the Dawn theme. I've attached an image to show the headings I'm wanting to change.

Thanks heaps!

[made4Uo]

Hi @illuminateme202 

Please follow the instructions below.

1. From you Admin page, go to Online store > Themes > Customize
2. Go to your product page
3. Click Product Information. This should open the panel on the right hand. Click Custom CSS, and paste the code below. Please refer to image below

legend.form__label {
    font-size: 20px;
    font-weight: bold;
}

[illuminateme202]

Thanks so much!! Is there anyway to increase the size for the 'Quantity' sub heading too?

[made4Uo · Accepted solution]

Hi @illuminateme202 

legend.form__label, label.quantity__label.form__label {
    font-size: 20px;
    font-weight: bold;
}

You can change the code to the following instead. Follow the same step

[illuminateme202]

Awesome!! Thanks this fixed everything!! I was also wondering, do you know how to increase the spacing between 'Size', 'Electrical output' and 'Quantity'? 

Thanks!

[made4Uo]

Hi @illuminateme202 

Add this code to the Custom CSS in your Theme editor.

.product .form__label {
    padding-bottom: 10px;
}

[Zqdo]

Can you share the link to your website please? This would make it a little bit easier for me to guide you in the right direction. 

[illuminateme202]

Hi,

This is the link to my store.

 https://illuminateme2023.myshopify.com/products/3d-printing-moon-light-galaxy-light

Thanks heaps!

[Zqdo]

To change the size of the quantity font label, try this code in your theme customer on the product page, where it says Add Custom CSS: 

.product-form__quantity .form__label{
font-size: 20px;
}

Adjust the 20px as needed. Does that work?

[illuminateme202]

Awesome thanks heaps!!