I cannot hide the page title even though I pasted the right code

Store Design

Topic summary

A user is unable to hide page titles on their Shopify store despite adding CSS code (.template-page h1 { display: none; }) to their theme.liquid file.

Proposed Solutions:

  • One community member suggested using h1 { display: none !important; } instead to force the style override
  • Another member requested the store URL (topfitapparel.com) to investigate further and provided detailed steps to add custom CSS code above the </body> tag in theme.liquid

Status: The discussion remains open with multiple troubleshooting approaches offered. The original CSS selector may not be targeting the correct elements, or specificity issues may be preventing the style from applying. The !important flag or proper code placement may resolve the issue.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I recently tried getting rid of all of the page titles by pasting the following code into theme.liquid

.template-page h1 {
     display: none; 
}

but it did not change anything and all of the page titles were still there. Any help would be appreciated

1 Like
2

Hey @topfitapparel

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Hi @topfitapparel

You can try to use this code instead

h1 {
     display: none !important; 
}
4

link is topfitapparel.com

1 Like
5

Hey @topfitapparel

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 tag

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

Best Regards,
Moeed

1 Like