How do i change my page collection title in code

Solved
Jack134
Excursionist
44 0 9

Hi guys as the title says. My page title is too big. The customize feature in shopify only allows me to change the font size to a minimum of 50px. I need it to be smaller than that. 

Here is the link: https://senshistore.com/collections/the-first-collection

I would like to change the 'All Products' font size.

 

Thanks in advance

0 Likes
Bluish
Shopify Partner
561 78 89

This is an accepted solution.

Hi @Jack134 

Below is the code, although this will change the size of the other page titles too. Change number to make it bigger or smaller. Paste it in your theme.scss

 

.page-title {
    font-size: 35px;
}

 

 

If my answer was helpful please Like and Accept my post as the Solution
Guleria
Shopify Partner
1471 303 420

This is an accepted solution.

Hello,

1) Edit code and checked minimum value 50 a/to your need.

2) Add this css in theme.scss.liquid, you can find this file under assets.

h1.page-title {
    font-size: 36px !important;
}

Change 36px a/to your need.

Thanks 

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Jack134
Excursionist
44 0 9

Yes i want to change the other ones too. May i ask where in theme.scss do i paste the code you typed? 

0 Likes
Bluish
Shopify Partner
561 78 89

Hi @Jack134 

Edit Code > Asset Folder

If my answer was helpful please Like and Accept my post as the Solution
Guleria
Shopify Partner
1471 303 420

At the bottom you have to paste this css.

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Jack134
Excursionist
44 0 9

Thank you that's exactly what i needed

0 Likes
RSS
Excursionist
54 0 23

Hey @Guleria @Bluish 

I tried the code you have provided here, it hasn't worked I pasted it at the bottom of theme.css

I am trying to make the page title smaller throughout all pages in desktop and mobile. I'm hoping by making the title font smaller, the title wont be too close to the header navigation.

Screen Shot 2021-06-29 at 12.41.46.png

0 Likes