Jump to content

Remove Blog Title from Blog Post

Recommended Posts

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

Link to comment
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...

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? 

Link to comment
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;}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 7 months later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...

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;
}
 

 

Link to comment
  • 5 months later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
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 :)

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...

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. 

Link to comment
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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 months later...
  • 2 weeks later...
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

 

image.png

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

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

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.