Studio Theme: Reduce title font size of all Default pages (too large compared to text)

Store Design

Topic summary

Goal: reduce oversized default page title text in a Shopify theme so it better matches body text.

Solution provided: add a CSS rule targeting the page title selector and set a smaller font size, using !important to override theme defaults.

  • File to edit: base.css (via Theme > Edit code)
  • CSS to add:
    .main-page-title { font-size: 35px !important; }
  • The numeric value can be adjusted to preference.

Notes: a screenshot was shared to show where to find base.css, but the key artifact is the CSS snippet itself.

Outcome: the original poster confirmed the fix worked and expressed thanks. No further issues or disagreements were raised; thread effectively resolved.

Summarized with AI on December 31. AI used: gpt-5.
1

Hi All

I’m currently building my website and don’t know how to reduce the font size of the titles on all (default) pages for my theme. They are huge compared to the text below (the text font size I can change).

It seems as if the code needs to be edited - maybe someone knows how to do that ?

designworks__0-1713167922216.png
designworks__0-1713167922216.png1570×334 18.3 KB

URL: www. cleo-curates.com

2

Hi @kaiyaa

Its BliBlaBlub

3

Hi,

The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I’ll help.

.main-page-title {

    font-size: 35px !important;

}
  1. Navigate to the ‘Edit Code’ option in your theme settings, then search for “base.css in the search bar.

TerenceKEANE_0-1713171403456.png
TerenceKEANE_0-1713171403456.png1921×906 99.4 KB

Terence

2 Likes
4

@TerenceKEANE THANKS!

5

You are welcome..

If you require further assistance, feel free to tag me when opening a new topic or send me a private message. I’ll be happy to help when I have time from my own software work.

Take care

Terence..

1 Like