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

[veravi]

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

[AnneLuo]

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:

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

[veravi]

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]

Can you describe which part of the font size you want to modify?

[veravi]

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,

[ZestardTech]

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

[veravi]

Hi,

how can I reduce the size of the title headings?

[Anshul_arora]

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.

[AnneLuo]

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

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

[ZestardTech]

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

[cbarb014]

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