Trim/Crop name of Article and introduction to Article - Forum | JoomShaper
Staff replied Helix Framework

Trim/Crop name of Article and introduction to Article

Asked by BenL 5 years ago Last activity 5 years ago

Hello support,
I would ask for help with trim/crop lenght for Article Title and introduction to Article.
Now when i have diffrent lenght of Article Title and Intruduction text to Article page with Articles looks not like I want.

Im using Educon template with SP LMS.

Please fine more details in hidden content.

Regards.

5 replies

Rashida Rahman Staff

Hi there!

The following custom CSS may serve your perpose, you need to put it in your custom.css file:

article.item .intro-image img {
    height: 300px !important;
}
.blog-grid-view article.item .content-wrap .introtext, article.item .content-wrap .entry-header{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.41;
    max-height: 100px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

Let me know the output.

Best Regards

BenL Asked this

Hello there,
Many thanks for custom css for blog-grid - works perfeclty.

Regarding code for intro image is, if the picture dont have proper size this disort image and dont looks good.

Regards.

Rashida Rahman Staff

Thanks for letting me know and always welcome:)

Image code was looking good here at my end, if you don't want to fixed the height, you can leave it.

Regards

denis pirra

Hi Rashida,
I ask you if you can help me, because I also need a trim/crop of the title.

I am working with Shaper Helix Ultimate + SP page builder PRO.

In my home page I enabled the Articles add-on, with the grid view.

But some titles that are short ... and other titles are too much long.
So, please, can you help to crop them?

thanks in advance

Rashida Rahman Staff

Hi denis,

Would you please open a new post along with your site URL and necessary info?

That would be better.

Best Regards

Log in to reply.