How to add three dots at the end of the topic name?

Dev
1

Hi helpful friends,

How to add three dots at the end of the topic name?

Full topic name : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

I need to do : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed…

3dots
3dots1120×778 120 KB

I want it to work only on the home page.

The reason I want this is to keep the topic lengths the same on the homepage.

Thank you :pray:

2 Likes
2

Something like that:

.categories-and-latest .main-link {
    .top-row {
        max-width: 20em;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
6 Likes
3

Thank you so much @Arkshine this worked

2 Likes
4

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.