Re: Font Size - Dawn Theme

Solved

How to change the font size on Dawn theme collections pages?

veravi_
Tourist
16 0 2

Hi, 

 

hoping someone has a solution, the majority of the text used on my site is “heading 4”, however, I dont seem to be able to change the texted used for my collections pages. I have attached an image for reference, really hope someone has a solution 🙏

 

website: www.veravifashion.com

Accepted Solution (1)

AnneLuo
Shopify Partner
1033 196 219

This is an accepted solution.

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Customize.

Step 2: Find the section on the collections page that needs to be modified, for example:

AnneLuo_0-1709517048995.png

 

Step 3: Add font size related code that needs to be modified in the custom CSS box.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 10 (10)

AnneLuo
Shopify Partner
1033 196 219

This is an accepted solution.

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Customize.

Step 2: Find the section on the collections page that needs to be modified, for example:

AnneLuo_0-1709517048995.png

 

Step 3: Add font size related code that needs to be modified in the custom CSS box.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

veravi_
Tourist
16 0 2

Hi @AnneLuo 

 

thanks for your reply, I am not familiar with liquid code. What code do i need to input into the custom CSS box to ensure the text is the same size and font as the rest of my website? 

 

Thanks 

 

website: www.veravifashion.com

AnneLuo
Shopify Partner
1033 196 219
Can you describe which part of the font size you want to modify?
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

veravi_
Tourist
16 0 2

Hi @AnneLuo 

Please see attached images for reference. 

I want the text to be consistent across the site, currently I am only able to change the format to my desired format “heading 4”. 

I am happy with the font and formatting of the “title” text, but would like it to be slightly smaller than it is currently. 

 

Hoping this answers all of your questions, if you require anything else please let me know. 

 

Thanks, 

 

IMG_3143.jpegIMG_3142.jpeg

ZestardTech
Shopify Partner
5833 1058 1396

Hello There,

 

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:

 

.collection-hero__description.rte .p1 .s1 {
font-size: calc(var(--font-heading-scale) * 1.5rem);
text-align: center;
}
.collection-hero__description.rte {
max-width: 100%;
}
.collection-hero__text-wrapper {
text-align: center;
}

 

ZestardTech_0-1709532387533.png

 

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

Hi, 

 

how can I reduce the size of the title headings? 

Anshul_arora
Navigator
453 128 98

Hello @veravi_,

You can adjust the height of the page' title with the help of below mentioned css code -:

Place this code in your .css file and save

.collection-hero__title {
font-size: 40px !important;
}

[Please feel free to change the px of the font.]

Output -> https://prnt.sc/CCts4twBtQKc

I hope this helps.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
AnneLuo
Shopify Partner
1033 196 219

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Find the bass.css file, Make the following modifications:

AnneLuo_0-1709547977494.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

ZestardTech
Shopify Partner
5833 1058 1396

Hello @veravi_ 

Hello There,

 

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:

 

.collection-hero__title {
    font-size: 15px;
}

 

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

How can I also edit the font style on these same pages but not on the main page?