Solved

How can I remove the 'Blog' heading from my app using code?

Stagtis
Excursionist
52 0 12

Hi, I have an app for blogs but the heading is inconsistent so I want it from my rich text. could I have some code to remove the "Blog" Heading and it padding so the "blog post" replaces it?Screenshot 2024-02-19 213606.png Thanks so much

Accepted Solution (1)
StephensWorld
Shopify Expert
1324 152 322

This is an accepted solution.

Go into your Shopify admin > online store > themes > customize > navigate to the main blog page > click into the blog settings from the left-hand side of the page > scroll down to the "custom CSS" section > add the following coding: 

 

h1.title--primary {
    display: none;
}

 

The above will remove the "blog" heading from your page. 

 

You will then probably want to add some padding to your "Blog Posts" heading, so that it's not touching the top of the blog post images. 

 

Click into the section/block that you've made for the new heading ("Blog Posts"), and then scroll down into the "custom CSS" area for that section, and add the following coding:

 

h2.rich-text__heading {
    padding-bottom: 20px;
}

 

Save changes, and you should be good-to-go! 🙂

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

View solution in original post

Replies 4 (4)

StephensWorld
Shopify Expert
1324 152 322

Please provide a link to your blog page, so that I can generate some CSS for you, to hide the heading. 

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

Stagtis
Excursionist
52 0 12

Www.stagtis.com just click blog in the header. thanks!

StephensWorld
Shopify Expert
1324 152 322

This is an accepted solution.

Go into your Shopify admin > online store > themes > customize > navigate to the main blog page > click into the blog settings from the left-hand side of the page > scroll down to the "custom CSS" section > add the following coding: 

 

h1.title--primary {
    display: none;
}

 

The above will remove the "blog" heading from your page. 

 

You will then probably want to add some padding to your "Blog Posts" heading, so that it's not touching the top of the blog post images. 

 

Click into the section/block that you've made for the new heading ("Blog Posts"), and then scroll down into the "custom CSS" area for that section, and add the following coding:

 

h2.rich-text__heading {
    padding-bottom: 20px;
}

 

Save changes, and you should be good-to-go! 🙂

★ Did my post help? If yes, then please like and accept solution. ★

https://stephens.world
support@stephensworld.ca

Stagtis
Excursionist
52 0 12

thanks! made my night