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

Technical Q&A
,
1

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!

Increase size of sub headings
Increase size of sub headings1014×990 51.2 KB

1 Like
2

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;
}

made4Uo_0-1686354711059.png
made4Uo_0-1686354711059.png1895×922 197 KB

1 Like
3

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.

4

Hi,

This is the link to my store.

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

Thanks heaps!

5

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

6

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?

1 Like
7

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

1 Like
8

Awesome thanks heaps!!

9

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

Thanks!

10

Hi @illuminateme202

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

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