We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Remove Banner and Text from Blog Page.

Solved

Remove Banner and Text from Blog Page.

verdin_verdin
Tourist
10 0 3

Hi! How can I remove the banner, text, and date showing on my blog page? I’ve checked some code suggestions given to others, but nothing seems to match my theme. I don’t have the elements mentioned in those codes. Any help would be appreciated!
Website - www.verdin.la

Screenshot 2024-07-17 at 7.16.56 PM.png

Accepted Solution (1)
BSSCommerce-HDL
Shopify Partner
2305 835 907

This is an accepted solution.

Hi @verdin_verdin

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

{% assign full_url = request.host | append: request.path %}
{% if full_url contains 'blogs' %}
<style>
.header-banner {
    display: none !important;
}
</style>
{% endif %}

Here is result: 

BSSCommerceHDL_0-1721270880810.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

View solution in original post

Replies 8 (8)

BSSCommerce-HDL
Shopify Partner
2305 835 907

Hi @verdin_verdin
Can you kindly share the details of your problem (link page) with us? We will check it and suggest you a solution if possible.

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

verdin_verdin
Tourist
10 0 3

Hi, thanks for getting back to me! Here is the blog page - https://verdin.la/blogs/verdin-x-kate/kate-olive-for-verdin

BSSCommerce-HDL
Shopify Partner
2305 835 907

This is an accepted solution.

Hi @verdin_verdin

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

{% assign full_url = request.host | append: request.path %}
{% if full_url contains 'blogs' %}
<style>
.header-banner {
    display: none !important;
}
</style>
{% endif %}

Here is result: 

BSSCommerceHDL_0-1721270880810.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges:
Get more sales with striking labels, badges, and banners from our 10,000+ available templates.

BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now

verdin_verdin
Tourist
10 0 3

Thanks SO MUCH! It worked!!!

suyash1
Shopify Partner
11112 1367 1751

@verdin_verdin - which page are you looking to change?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
verdin_verdin
Tourist
10 0 3

Hi, I'm looking to remove this banner from all Blog Pages. Here is one that is visible now - https://verdin.la/blogs/verdin-x-kate/kate-olive-for-verdin

suyash1
Shopify Partner
11112 1367 1751

@verdin_verdin - please add this css to the very end of your base.css file and check

 

.template-article .header-banner{display:none; visibility:hidden;}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
verdin_verdin
Tourist
10 0 3

Where is this base file? All I see is this: