Shopify themes, liquid, logos, and UX
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
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
Solved! Go to the solution
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:
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
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
Hi, thanks for getting back to me! Here is the blog page - https://verdin.la/blogs/verdin-x-kate/kate-olive-for-verdin
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:
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
Thanks SO MUCH! It worked!!!
@verdin_verdin - which page are you looking to change?
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
@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;}
Where is this base file? All I see is this: