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
211 44 50

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 contact me on luomingxia@shinetechsoftware.com.

View solution in original post

Replies 9 (9)

AnneLuo
Shopify Partner
211 44 50

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 contact me on luomingxia@shinetechsoftware.com.
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
211 44 50
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 contact me on luomingxia@shinetechsoftware.com.
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 Expert
5395 971 1293

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: support@zestard.com
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
309 76 54

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
211 44 50

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 contact me on luomingxia@shinetechsoftware.com.
ZestardTech
Shopify Expert
5395 971 1293

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: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing