FROM CACHE - en_header

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 6 (6)
hawkscode
Shopify Partner
177 14 12

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
77 14 36

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
77 14 36

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
nikhiltoky
New Member
1 0 0

@GemPages_Agents 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_Agents
Shopify Partner
77 14 36

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!

 

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