How to remove the blog title from blog posts

calliefit
Visitor
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 6 (6)

hawkscode
Shopify Partner
177 14 13

HI @calliefit 

open theme.css file 

add this code in bottom 

 

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

 

 

banned

GemPages
Shopify Partner
5588 1261 1203

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
calliefit
Visitor
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
Shopify Partner
5588 1261 1203

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
nikhiltoky
Visitor
1 0 0

@GemPages Thanks for above instructions but its not working for me. I want to remove Blog title from blog url. Please refer attachment. also is it possible to do to this in Shopify ?

 

 

Screenshot 2022-04-05 at 9.05.50 AM.png

 

 

This is very important for me since I want to migrate https://getethnic.com from Wordpress (woo commerce) to Shopify and don't want to alter the url structure. Really appreciate a reply here. Thanks!

GemPages
Shopify Partner
5588 1261 1203

Hi @nikhiltoky 

 

Thank you for your sharing!

About changing URL structure, you can change the words in indian-wedding, but it's not possible to remove it from URL structure as it's hard coded in Shopify system.

For more information, kindly check out this link: https://community.shopify.com/c/shopify-discussions/how-can-i-change-the-default-blog-url/td-p/45461...

 

If you need further support, feel free to contact us via email (support@gempages.help) or live chat.

Thanks!

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center