How to remove the blog title from blog posts

calliefit
New Member
2 0 0

Hi there,

Wondering how to remove the title of the blog from a blog post.

 

My website uses GemPages but I think Shopify is pulling in the blog post name automatically meaning I get a double heading.

 

Title I want to remove is crossed out in the image & here is the link to the page. https://callie.fit/blogs/news/5-tips-to-strengthen-your-pelvic-floor

Screen Shot 2021-11-22 at 5.19.39 pm.png

 

Also I don't want to remove all headings - just on Blog posts.

 

Thanks!!

Replies 4 (4)
hawkscode
Shopify Partner
52 12 10

HI @calliefit 

open theme.css file 

add this code in bottom 

 

.template-article .article__title {
    display: none;
}

 

 

If helpful, please Like and Accept Solution

if you Want to Modify / Customize your theme , Feel free to contact me

Email : vikash.hawkscode@gmail.com


Skype : vikas.hawkscode


www.hawkscode.com

GemPages_Agents
Shopify Partner
56 11 34

Thanks @hawkscode for helping our merchant @calliefit,

 

Because this incident will have on blog post created by GemPages, so I would like to update the code a bit:

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

 

.gemapp .article__title {
    display: none;
}

 

It will not affect the title of other blog posts created by theme. Please try it and let us know if it works. For further assistance, please don't hesitate to contact us via email: support@gempages.help. Our team will be happy to support.

If you find my reply helpful, please hit Like and Mark as Solution
Get connected: Website | Youtube | Community | Partners | Help Center
calliefit
New Member
2 0 0

Thank you - that has worked to remove the title however it still loads for a split second and then disappears. Is there anyway to remove it completely?

 

See here: https://callie.fit/blogs/news/5-tips-to-strengthen-your-pelvic-floor

 

Thanks

GemPages_Agents
Shopify Partner
56 11 34

Hi @calliefit

 

Thanks for getting back to me. To remove it totally, we have 2 solutions:

1. Add CSS code below of <head>

Step 1: Go to Online Store->Theme->Edit code
Step 2: Layout -> theme.liquid paste below code blow the <head> tag
<style>
.gemapp .article__title { display: none; }
</style>

GemPages_Agents_0-1637633294848.png

 

2. We could do some custom code to remove it totally from the article template. You could reach us via email: support@gempages.help, our support team will be happy to help.

If you find my reply helpful, please hit Like and Mark as Solution
Get connected: Website | Youtube | Community | Partners | Help Center