How to remove blog excerpt on home page - Dawn theme

How to remove blog excerpt on home page - Dawn theme

petitlaurierco
Explorer
83 1 21

Hello.

 

I use the Dawn theme.

 

I would like to remove the text from the blog posts showing on the home page only. I want it to go from this:

 

petitlaurierco_0-1726842016974.png

 

to this :

 

petitlaurierco_1-1726842036376.png

 

If I could keep the way the title and the date is showing on the second picture, that would be amazing ! I love everything about it. The size of the picture. the fact that the title and the date are centered.

 

Anybody can help me with the coding please?

 

Thank you!

Replies 9 (9)

Tech_Coding
Shopify Partner
384 106 90

Hello @petitlaurierco 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
petitlaurierco
Explorer
83 1 21

@Tech_Coding thank you for getting back to me! Here's the link to my shop : https://petitlaurier.co/

BSS-TekLabs
Shopify Partner
2350 688 806

Hello @petitlaurierco 
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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

@BSS-TekLabs thank you for getting back to me! Here's the link to my shop : https://petitlaurier.co/

BSS-TekLabs
Shopify Partner
2350 688 806

BSSTekLabs_0-1726845208780.png

I see on your home page it looks like you want it to. How would you like to fix it?

 

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


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


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

Arif_Shopidevs
Shopify Partner
263 37 36

@petitlaurierco 

Do you want to hide the excerpt

.lh-item-blog .lh-article-excerpt {
    display: none!important;
}

also from blog page like home page , if yes you can add this css
1. Online Store
2. edit code
3. base.css insert this css

it will hide

Arif_Shopidevs_0-1726847937537.png

 

Thank you

 

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers
petitlaurierco
Explorer
83 1 21

Hello @Arif_Shopidevs Thank you for your help. I pasted this code in the base.css but its unfortunately not working 😞

Arif_Shopidevs
Shopify Partner
263 37 36

it must work , please save and clear the cache , due to cache it do not effect yet

Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

BSSCommerce-B2B
Shopify Partner
1962 564 564

Hi @petitlaurierco , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </head> on theme.liquid

 

 

<script>
    document.addEventListener("DOMContentLoaded", function() {
        if (window.location.pathname.includes("blogs")) {
            var style = document.createElement('style');
            style.innerHTML = `
                .lh-article-excerpt {
                    display: none !important;
                }
                .lh-article-head {
                    text - align: center !important;
                }
                `;
            document.head.appendChild(style);
              }
          });
</script>

 

 

Result:

BSSCommerceB2B_2-1726848803168.png

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


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