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

Store Design
1

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
Screenshot 2024-02-19 213606.png1432×758 300 KB

Thanks so much

2

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

3

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

4

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! :slightly_smiling_face:

5

thanks! made my night