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

**URL:** https://meta.discourse.org/t/how-to-add-three-dots-at-the-end-of-the-topic-name/309401
**Category:** Development
**Tags:** css
**Created:** [May 25, 2024, 7:06pm UTC](https://meta.discourse.org/t/how-to-add-three-dots-at-the-end-of-the-topic-name/309401 "2024-05-25T19:06:10Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [May 25, 2024, 7:06pm UTC](https://meta.discourse.org/t/how-to-add-three-dots-at-the-end-of-the-topic-name/309401/1 "2024-05-25T19:06:10Z")

</div>

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](https://global.discourse-cdn.com/meta/original/4X/f/6/4/f64ded80078835690f28e02dfa2fb3ee700ae107.png)

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 🙏

---

<div class="post-metadata">

### Author: ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [May 25, 2024, 7:11pm UTC](https://meta.discourse.org/t/how-to-add-three-dots-at-the-end-of-the-topic-name/309401/2 "2024-05-25T19:11:18Z")

</div>

Something like that:

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

```

---

<div class="post-metadata">

### Author: ![ogulcan1787](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ogulcan1787/32/128589_2.png) [@ogulcan1787](https://meta.discourse.org/u/ogulcan1787)
#### Post date: [May 25, 2024, 7:14pm UTC](https://meta.discourse.org/t/how-to-add-three-dots-at-the-end-of-the-topic-name/309401/3 "2024-05-25T19:14:47Z")

</div>

Thank you so much @Arkshine this worked

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [June 24, 2024, 7:15pm UTC](https://meta.discourse.org/t/how-to-add-three-dots-at-the-end-of-the-topic-name/309401/4 "2024-06-24T19:15:17Z")

</div>

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