Dawn Theme - change font size without code?

Solved
pureseeds
Tourist
6 0 4

Hello,

I've been testing out the new Dawn theme and so far I like the new customisation options, but I feel like a few things are missing.

I'm not sure if I've missed it somewhere but I can't find any option to change the font size within the theme editor. I've seen a few posts that show how to do it in the theme code with CSS but it really seems like something as simple as changing a font size should be available in the editor, without having to touch the code. Especially since the default font for product titles is so tiny - it's not very accessible. Have I missed this option somewhere? It seems like such a simple thing but I can't find a way to do it without coding.

Also, this has always been a problem with Shopify themes for me, but it appears there's still no easy way to change the height of an image banner without again going into the code editor? I just want to be able to upload an image and specify the height, or for it to at least adjust to the height of the image (it does this to an extent, but beyond a certain height it won't, e.g. if you upload a short image). Again, is there a way to do this that I'm missing, or is it only possible through code?

 

I'm just testing out this theme so I don't have a URL since it isn't live on my store. I was just wondering if anyone else who has used this theme is having similar problems or knows of a solution.

Thanks!

Accepted Solution (1)

Accepted Solutions
RC7
Excursionist
18 1 2

This is an accepted solution.

Hi @made4Uo 

Do you think it's better to change the rem instead of the overall percentage of the font size and make it higher than 62.5%?

Another thing I notice with dawn is that even with the same size and font family the font appears to be lighter. Do you know where I could change the font weight? 

View solution in original post

Replies 25 (25)
Zworthkey
Shopify Partner
2563 308 641

Hii @pureseeds,
Give me Your Store URL so I will Give You a Proper Solution.
Thank You. 

 

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Ajay_kumar_dev
Shopify Partner
166 14 12

Hi @pureseeds , For managing font size and image height and width, we usually do coding. For user or client interface, we create options to adjust the color , font size and image height/width in theme editor. Everything is done via code. We just create a settings in backend with code to have option to edit size and color on frontend for you.  I hope, it help you out, if still face problem, do let me know. 

Thanks 

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
BSalim
Excursionist
10 2 5

You can find the option for font size under Admin > Online Store > Themes > Customize, then on the left sidebar at the very bottom you will be able to see Theme settings which will open up a menu which has Typography, you should be able to change the font style there

pureseeds
Tourist
6 0 4

Hello,

I have tried changing it in that section but the only option is to change the font itself - there's no way to change the size. It definitely should be there, it's almost like it has been forgotten. Below is a screenshot of all the options available in the Typography section.

Thanks

dawn-theme-font.PNG

BSalim
Excursionist
10 2 5

Sorry for the above instructions I mistook Dawn for Debut. Unfortunately the theme doesn't accommodate the ability to change font sizes via a slider or UI element, this can be added by editing the settings_schema.json and the appropriate css files (most probably base.css) but the theme simply doesn't allow for the user to be able to do it via the customize option.

Ajay_kumar_dev
Shopify Partner
166 14 12

@pureseeds , kindly share the url, so I can help you to create this functionality.

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
optostar
Excursionist
13 0 6

I would love to be able to change global font sizes in Dawn like I was able to in Debut. Do you have the code handy to add it as a setting in settings_schema.json @BSalim ?

RC7
Excursionist
18 1 2

Would be interested as well in this. The default font size is way too small in the Dawn theme in my opinion.

I tried adding

.product-single__description ul{
    font-size: 20px !important;
}

 

to the end of base.css but that didn't work

chrisdixon161
New Member
1 0 1

To increase the font size for the products:

From your dashboard go to your Online Store > Themes > Edit Code. In the sidebar you will see a list of files, under the Snippets section, click on the file named product-card.liquid and locate the following code (for me it is line 95):

 

<span class="card-information__text h5">
  {{ product_card_product.title | escape }}
</span>

 

On line 1 here, the key part is the "h5" class. If you are not a coder, h1-h6 are used to create website headings. H1 being the most important (and often the biggest) and h6 being the least important.

With this in mind, Shopify has also used these numbers to create classes to apply a font size. So if you want a larger font size, drop down to a h4 or h3 depending on your needs. Save the file and you are good to go.