How to prevent Blog Titles from being Truncated

How to prevent Blog Titles from being Truncated

FreshJaxJoe
Visitor
2 0 0

Hello Everyone!

 

We are running a store on Dawn 8.0 and we are having an issue where the Titles of our blogs are being truncated on the Home Page (in a Blog Posts Section). Is there a simple way to prevent that from happening and show the full Blog Post title?

 

Thank You!

 

url: https://freshjax.com/

Replies 4 (4)

GemPages
Shopify Partner
5625 1261 1243

Hello @FreshJaxJoe ,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1677029399781.png

2. Open your article-card.liquid file, find "article.title" and  delete the text " | truncate: 50" to the right of it

GemPages_1-1677029583966.png

Result:

GemPages_2-1677029603810.png

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
FreshJaxJoe
Visitor
2 0 0

I did try that, but unfortunately it did not solve the issue. I have reached out to the developer of the blogging app we use to see if something in their code affects that, but they confirmed it did not.

 

Here is the code:Blog Title.JPG

yuri-yeleyko
Tourist
16 0 1

There are several instances of "truncate:50" in article-card.liquid
You should try deleting one by one.
Mine first was around line 80 = didn't help
Second instance was around line 119 = it solved the issue.

Rob_Doak
Visitor
2 0 0

I did this, and it seems I broke something that seems to be unrelated.  This may or may not be related but the links on home page for About Us (it is linked to the "About Us" page in Navigation) are broken.  Any assistance appreciated!  Rob