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.
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