Why isn't my blog post preview displaying properly?

Store Design
1

I’m working on a blog post and when you see all the post lined up they have a nice image preview of what the post will be about and where it says ‘read more’.

The most recent one I did now shows the WHOLE blog post even though to my knowledge I haven’t changed anything. How do I get it to look uniform?

You can see them here: https://www.silverandivy.com/blogs/news

2

Hi,
Maybe you did add a very long Excerpt to that blog post?

3

There is no excerpt added at all.

4

Strange, because it show that text under “excerpt” element, for other entries that excerpt is just “Read more by clicking the link below”

5

Hi @KendraDW ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/styles.scss->paste below code at the bottom of the file:
.template-blog .article .rte {
    display: none !important;
}
.template-blog .article .reading-column h2:after {
    content: "Read more by clicking the link below.";
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #2e5668;
    margin-top: 11px;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

6

Hi Kendra, i’m not a developer at all and just had the same problem with my blogs and was so confused!

It turns out you actually need to have an excerpt so that it shows that instead of the whole blog.

Give that a try, it worked for me (no coding needed!)