Change font size for each page tilte and product title

[jasonthegrammy]

hi guys, would like to check with you guys if any of you could help me with the font size for my new theme that I am developing. 

I wanted to change font size for all pages (including blog page title, collection page title and also normal pages) 

is there any way I could change all to the same font size 30px?

I have tried to use this code below but it seems to only change the title page for the normal ones, but not build-in pages. 

h1.main-page-title.page-title.h0 {

    font-size: 30px;

}

Also, is it possible to change the product title font size too? 

here's my link

Your Weekend Outfit – sundaysfit

thank you. 

[Made4uo-Ribe · Accepted solution]

Oh Sorry, Im correct on the first code.  But not on the 2nd thinking for collection product title. dTry this one then. 

Same Instruction.

div#ProductSection-product-template h1.product-single__title {
    font-size: 30px !important;
}
.section-header.text-center h1 {
    font-size: 30px !important;
}

And Save. 

Result:

I size it all 30px. 

[Made4uo-Ribe]

Hi @jasonthegrammy 

Try this one.

• From your Shopify admin dashboard, click on "Online Store" and then "Themes".
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.section-header.text-center h1 {
    font-size: 30px !important;
}
.h4.grid-view-item__title {
    font-size: 20px;
}

• And Save.
• Result:
• 
• Note: Im not sure what sie you like for the product title. You can change it any size you like on the 2nd sfont size. Thanks!

[jasonthegrammy]

Hi Sir, 

apologies, I think I need to show you what i meant by title page is below.

Also, the product title is this one 

Thank you sir.

[Made4uo-Ribe · Accepted solution]

Oh Sorry, Im correct on the first code.  But not on the 2nd thinking for collection product title. dTry this one then. 

Same Instruction.

div#ProductSection-product-template h1.product-single__title {
    font-size: 30px !important;
}
.section-header.text-center h1 {
    font-size: 30px !important;
}

And Save. 

Result:

I size it all 30px. 

[jasonthegrammy]

Hi sir, not sure if its my website problem or its because I haven't launch it, but it seems like the title and product title are still the same color even after I've pasted the code. 

Screenshot below is from the draft theme. 

[Made4uo-Ribe · Accepted solution]

Im confused now, color or size you like to change? Please dont forget to save and refresh after. Thanks!

[jasonthegrammy]

Apologies, I meant to say 'size' hahah it works on my current theme but it's not working on drafted theme, but that's alright! thank you sir!

[Made4uo-Ribe]

Good the hear, Make it a habit when you edit something in your store dont forget to save and refresh from theme to preview. So you will get the proper result. Happy weekend!

[jasonthegrammy]

Hi sir, good day to you. 

are you able to help me look at the link below and help me with the above enquiries too (title font and product font) ? this is for different theme. 

https://64hnhyvny6zo86yk-51731890328.shopifypreview.com

[jasonthegrammy]

Here's the updated link sir 

Your Weekend Outfit – sundaysfit