Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Can anyone help me hide the preview description on my blog. I want it to look more clean on the front page of the website. I am using grid theme. Thanks
Hi @tylerklefot
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.article-card__excerpt {
display: none !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Noah | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
I'm pretty sure I pasted that in the correct spot but it looks like the descriptions are still there? Any ideas? Thanks in advance.
oceansoul.net
Hi @tylerklefot Please try again with this code to make it work correct with your theme.
<style>
p.home-blog-post-excerpt {
display: none !important;
}
</style>
Here's how it work :
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Not working on Dawn
Hi @tylerklefot
Can you share your homepage link?
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
oceansoul.net
thank you
Hi @tylerklefot
You can remove it by adding this code to theme.liquid file before </head> tag in Online store > Themes > Edit code
<style>
.home-blog-post-excerpt { display: none !important; }
</style>
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Not working on Dawn 15
managed to fix...ignore the instructions to edit your theme.liquid file as that's generally bad practice.
1. Open the preview of the page the blogs section is
2. Right click and click inspect element or inspect
3. click the "Select element" icon. If yours looks different to the screenshot, a google search should show you where yours would be.
4. Hover over any of the blog cards showing the preview and click on it as shown
5. Find the <p> section which represents the preview (p in html stands for paragraph)
6. Copy the class name from under "class=_____________________"
!!!_________If the class name has a space, only copy the part before the space_________!!!
7. Paste the following snippet in the Custom Css part of your section. Make sure to add the class name with a "." at the beginning:
.PUT-CLASS-NAME-HERE {
display: none !important;
}
That should fix it!
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025