Remove title from blog page

Store Design
, ,

Topic summary

A user seeks to remove the blog post title from individual blog post pages while keeping it visible on the main blog listing page.

Proposed Solutions:
Multiple respondents offered CSS-based solutions involving:

  • Adding custom CSS code to base.css or theme.min.css files
  • Inserting code snippets in theme.liquid file (above </head> or </body> tags)
  • Using CSS selectors to hide the title element with display: none !important

Current Status:
The issue remains unresolved. The original poster tested at least three different solutions but reported none worked. When adding code to the theme.css file as instructed, no changes occurred. One solution provider asked for clarification about which step is causing trouble, but the conversation appears ongoing without a successful resolution yet.

Note: Several code snippets in the thread appear garbled or reversed, which may contribute to implementation difficulties.

Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
1

Hi there! I need help removing the title on the blog page. Picture added to show what I am hoping to achieve. I want it to still show on the main blog page with all the listings but not on the specific blog post once clicked into.

THANK YOU!

-Kelsey

https://2sq9tfr7u91dhert-35823485063.shopifypreview.com

Link to blog: https://bygeorgeaustin.com/blogs/editorial/dvn-spring-24

Screenshot 2024-08-14 at 10.01.57 AM.png
Screenshot 2024-08-14 at 10.01.57 AM.png2458×1178 219 KB

2 Likes
2
  • Here is the solution for you @BGKelsey
  • Please follow these steps:

z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg
z5686811214059_e66de1953f1db631f9134af5cdb796ad.jpg1865×854 94.6 KB

  • Then find the base.css or theme.min.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
h1.text-xl.lg\:text-2xl.font-heading.leading-tight.text-center {
    display: none !important;
}
  • Here is the result you will achieve:

BSSTekLabs_0-1723648162647.png
BSSTekLabs_0-1723648162647.png1892×871 109 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

Hi @BGKelsey ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

{% assign full_url = request.host | append: request.path %}
{% if full_url contains 'dvn-spring-24' %}

{% endif %}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

4

Hello @BGKelsey

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

h1.text-xl.lg\:text-2xl.font-heading.leading-tight.text-center { display: none !important; }

niraj_patel_0-1723648953233.png
niraj_patel_0-1723648953233.png1352×562 217 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

5

Hello @BGKelsey

Kindly, follow the below steps to fix your problem:

  1. From your Shopify admin dashboard, Go to Online Store
  2. Choose the theme which you wanna edit and click on Edit Code
  3. Add this code in the end of theme. liquid file above

Result:

Aatiqa_0-1723648944211.png
Aatiqa_0-1723648944211.png1614×1056 159 KB

If I was able to help you and my solution worked well for then, please don’t forget to Like it and Mark it as Solution.

Best Regards,
Aatiqa

6

I could not get this to work.

1 Like
7

This did not work.

8

This did not work

9

Which step are you having trouble with?

10

When i add it to the end of the theme.css file, nothing changes.