Remove Blog Title from Blog Post

On 4/29/2020 at 11:02 PM, tuanphan said:

Add to Home > Design > Custom CSS

.blog-item-title h1 {
    display: none;
}

 

I want to change my blog titles on my blog homepage to be smaller than h1 but i cant seem to do that without a huge gap between the lines. Is there a way to change my h1 to h4 or smaller?

site : www.boudiebabeboudoir.com/blog

On 10/21/2021 at 8:30 AM, sarahanne915 said:

I want to change my blog titles on my blog homepage to be smaller than h1 but i cant seem to do that without a huge gap between the lines. Is there a way to change my h1 to h4 or smaller?

site : www.boudiebabeboudoir.com/blog

Add to Design > Custom CSS

h1.blog-title a {
    font-size: 12px;
}
h1.blog-title {
    line-height: 18px !important;
}

I'm trying to remove the titles from an alternating-side-by-side blog, but none of the CSS suggestions work.  I have successfully used this code to remove titles from the basic grid layout, but when I change the blog to the alternating format and update the layout name in the code, nothing happens.

.blog-basic-grid--text {
    display: none;
}

Any ideas for how to make this work? 

On 11/18/2021 at 7:06 AM, tigress02 said:

I'm trying to remove the titles from an alternating-side-by-side blog, but none of the CSS suggestions work.  I have successfully used this code to remove titles from the basic grid layout, but when I change the blog to the alternating format and update the layout name in the code, nothing happens.

.blog-basic-grid--text {
    display: none;
}

Any ideas for how to make this work? 

Try this code

h1.blog-title {display:none !important;}

That worked - thank you!! 

Hi there! I am having trouble because I removed the titles from my blog pages but now I cant figure out how to change them when I got to make a new post so that they don't say "blog post title one" on the blog page... please help! :) https://www.this-wandering-soul.com/blog

On 6/24/2022 at 4:35 AM, thiswanderingsoul said:

Hi there! I am having trouble because I removed the titles from my blog pages but now I cant figure out how to change them when I got to make a new post so that they don't say "blog post title one" on the blog page... please help! 🙂https://www.this-wandering-soul.com/blog

Add to Design > Custom CSS

.blog-alternating-side-by-side .blog-title {
    display: none;
}

Hi All, I tried all the above for a client's site that's still using 7.0 but failed to work. I managed to pull up some code on the inspect mode and tried this which worked like a dreamboat! Copy and paste this into your CSS and it will remove the Blog title from your blog page only. Example here.

If you have a Blog page or summary blocks displaying the stories elsewhere on your site, (as I have) those will remain in place. Hope this helps! 

/* remove blog title from blog page*/

.tweak-blog-item-alignment-center .BlogItem-title {
    text-align: center;
    display: none;
}
 

I've tried the codes shared in previous submissions. Can someone help me figure this out for the following blog?

https://www.islandpineapplerealty.com/blogs/pineapples-a-sweet-connection-between-tropical-fruit-and-the-space-coast

10 hours ago, MoxieMarketingNC said:

I've tried the codes shared in previous submissions. Can someone help me figure this out for the following blog?

https://www.islandpineapplerealty.com/blogs/pineapples-a-sweet-connection-between-tropical-fruit-and-the-space-coast

Use this CSS code

h1.BlogItem-title {
    display: none;
}

On 6/26/2022 at 10:13 AM, tuanphan said:

Add to Design > Custom CSS

.blog-alternating-side-by-side .blog-title {
    display: none;
}

 

Hello @tuanphan 

The code :

.blog-item-title h1.entry-title {
  display: none;
}
 

works for my website to hide the title but I can't find a way to change to title of future blog posts. Is there a way around this issue?

Thanks :)

On 6/1/2023 at 11:20 PM, JNewman said:

Hello @tuanphan 

The code :

.blog-item-title h1.entry-title {
  display: none;
}
 

works for my website to hide the title but I can't find a way to change to title of future blog posts. Is there a way around this issue?

 

Thanks 🙂

That code will hide all titles, current + future titles

Hey can anyone help me remove the blog title from the blog post 2023? I only want to remove the title from the blog post, not the blog landing page.

I have tried all the codes I found in this forum under "Website > Website tools > Custom CSS" but it didn't work. Thanks in advance. 

On 10/6/2023 at 7:18 AM, Mariacwc said:

Hey can anyone help me remove the blog title from the blog post 2023? I only want to remove the title from the blog post, not the blog landing page.

I have tried all the codes I found in this forum under "Website > Website tools > Custom CSS" but it didn't work. Thanks in advance. 

Hi,

Can you share link to this blog post? We can help easier

CSS code to remove the title of posts on the blog page in single column format.

Quote

/* hide blog post title */
.blog-single-column .blog-title {
    display: none;
}

@tuanphan

I'm trying to remove the blog titles from under my graphics. I have multiple pages of blogs like these. I only want to remove the titles from these pages under the graphics. Can you help me?

www.bungalowid.com/journal

3 hours ago, rteichroew said:

@tuanphan

I'm trying to remove the blog titles from under my graphics. I have multiple pages of blogs like these. I only want to remove the titles from these pages under the graphics. Can you help me?

www.bungalowid.com/journal

 

You can use this code to Website > Website Tools > Custom CSS

h1.blog-title {
    display: none !important;
}

@tuanphan That worked! Thank you!

14 hours ago, iamTiago said:

Hi can someone help me.. I want to remove this tittle from the page:

 

the link from the page: https://intertours.com.pt/a-ilha-da-madeira-e-um-jardim-10-jardins-mais-deslumbrantes-a-visitar/

Can you check url again? I can't access it.

23 hours ago, iamTiago said:

Hi @tuanphan !The main page url is: www.intertours.com.pt
The blog page url is: www.intertours.com.pt/blog
Can you try this url for example.. it has the same "problem": www.intertours.com.pt/melhores-hoteis-resorts-gran-canaria-tudo-incluido-canarias/

Not sure why, or maybe you block ID from some countries, I still can't access the site to check problem (You try posting your problem to Coding Category)

On 10/12/2021 at 10:16 PM, tuanphan said:

Add to Design > Custom CSS

.blog-basic-grid--text {
    display: none;
}

 

Hi @tuanphan, This code worked to remove the titles from my blog overview. However, since I am trying to craft a portfolio (using categories), I want to Use Source URL in blog posts to link to portfolio subpages. Right now, only clicking on the blog title will lead you to the source url, while clicking on the blog image still leads to the blog post. I want to remove the titles AND make it so that clicking on the blog image will lead to the source URL. Any idea how to accomplish this?

Thank you! 

On 7/23/2024 at 9:41 PM, ZucchiniCosette said:

Hi @tuanphan, This code worked to remove the titles from my blog overview. However, since I am trying to craft a portfolio (using categories), I want to Use Source URL in blog posts to link to portfolio subpages. Right now, only clicking on the blog title will lead you to the source url, while clicking on the blog image still leads to the blog post. I want to remove the titles AND make it so that clicking on the blog image will lead to the source URL. Any idea how to accomplish this?

Thank you! 

We can use code to turn title link to image link. You can share link to blog overview page, I can adjust code for your case easier.

@tuanphan Is there a way to apply this title hiding on a blog post specifically to one blog on a site but not universally to all blogs? I'm wanting to use a blog as a searchable database, and I'd love for the post pages to not have the h1 title similar to what's been suggested/remedied above, but I don't want to apply it universally to all blogs on the site in the Design>Custom CSS section — if that's even possible! THANKS in advance for any advice you might have!

8 hours ago, SFStage said:

@tuanphan Is there a way to apply this title hiding on a blog post specifically to one blog on a site but not universally to all blogs? I'm wanting to use a blog as a searchable database, and I'd love for the post pages to not have the h1 title similar to what's been suggested/remedied above, but I don't want to apply it universally to all blogs on the site in the Design>Custom CSS section — if that's even possible! THANKS in advance for any advice you might have!

You mean you have a blog page A and B

in blog page A, you have items: X, Y, Z...

and you need to hide title of item Y

Is that right?

It is possible. You can share link to blog page & let me know which items you want to hide title, I can check easier

11 hours ago, SFStage said:

Is there a way to apply this title hiding on a blog post specifically to one blog on a site but not universally to all blogs?

If you want to apply it to all the posts on one blog page, you can add the CSS to the Blog page instead of adding it to the Custom CSS panel.

To do this, click the 'gear' icon beside the blog page name in the navigation panel

Navigate to Advanced > Page Header Code Injection, and then paste some style tags and paste the CSS in between them:

<style>
// Place the CSS here
  
</style>

Did this help? Please give feedback by clicking an icon below  ⬇️