Hide the preview description of my blog section on home page.

[tylerklefot]

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

[PageFly-Noah]

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

[tylerklefot]

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

[PageFly-Noah]

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 : 

[tarek_guma]

Not working on Dawn

[Dan-From-Ryviu]

Hi @tylerklefot 

Can you share your homepage link? 

[tylerklefot]

oceansoul.net

thank you

[Dan-From-Ryviu]

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>

[tarek_guma]

Not working on Dawn 15

[AliAl-baity]

@tylerklefot @tarek_guma 

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!