Making my page title and product title font smaller

[jasonthegrammy]

Hi team, hope you have a great day. 

Can someone help me with below enquiries?

1. Make my page title smaller.

2. Product name smaller

Appreciate the help!

Question 1

Question 2

Website below

Your Weekend Outfit – sundaysfit

[Moeed]

Hey @jasonthegrammy 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.main-page-title {
    font-size: 25px !important;
}
.product__title>* {
    font-size: 25px !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[jasonthegrammy]

Dear Moeed, thank you for the help! it does help ! but any ideas if I could do the same for products pages, blog page title too? 

for example below : 

All – sundaysfit

Sunday's Blog – sundaysfit

Photos 1

Photo 2

[Moeed · Accepted solution]

Hey @jasonthegrammy 

Keep the previous code and add this new code above </style> in the previous code you added.

.title--primary {
    font-size: 25px !important;
}
.collection-hero__title {
    font-size: 25px !important;
}

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[webwondersco]

@jasonthegrammy ,add the below line of CSS code at the end of your base.css file.

.product__title h1{
font-size:3rem;
}
h1.main-page-title{
font-size:3.5rem;
}

you can update the value of rem as per your taste.