How to remove blog excerpt on home page - Dawn theme

[petitlaurierco]

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:

to this :

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!

[Tech_Coding]

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.

[petitlaurierco]

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

[BSS-TekLabs]

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

[petitlaurierco]

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

[BSS-TekLabs]

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

[Arif_Shopidevs]

@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

Thank you

[petitlaurierco]

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

[Arif_Shopidevs]

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

[BSSCommerce-B2B]

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:

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!