How can I decrease the size of my page header text?

Store Design
1

My site toltano.com

How to reduce size of Page Header text?

Forinstance on Contact page https://toltano.com/pages/contact-us

The text size is out of proportion with the other elements of my site

Thanks for your help

2

Hi,

How do you want to reduce size of Page Header?

3

Hi @nvisibl1

Do you mean the product page and the tracking order page?

Like this?

Made4uoRibe_0-1697313117827.png
Made4uoRibe_0-1697313117827.png409Ă—128 1.24 KB

Made4uoRibe_1-1697313159507.png
Made4uoRibe_1-1697313159507.png422Ă—227 3.74 KB

If it is, try this.

  • 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:
h1#track123_track_title, h1.collection-hero__title {
    font-size: 20px;
}
  • And Save.

I hope it help.

4

Thank you for that

I already have the following code there in my base.css

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

font-size: 20px;

But it doesn’t seem to affect the Products header found in the Shop Now page

Do you know how I could amend the code to also include this page?

I’m okay with the larger text size on the tracking page… but if the code amendment meant that is header too would be reduced in size then i would be okay with that

Thanks for your help

5

The product or the tracking page? the product page already smaller title, when i check.

Please replace the code with this one.

h1#track123_track_title, h1.collection-hero__title {
    font-size: 20px !important;
}

Note: You can change the size of it this size I just copy to your other page header size.