# Client-First - How to change to 5 lines the class "text-style-3lines"

**URL:** <https://forum.finsweet.com/t/client-first-how-to-change-to-5-lines-the-class-text-style-3lines/3751>\
**Category:** Client-First\
**Created:** [November 5, 2024, 9:53pm UTC](https://forum.finsweet.com/t/client-first-how-to-change-to-5-lines-the-class-text-style-3lines/3751 "2024-11-05T21:53:29Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![rafael.ortet](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/rafael.ortet/32/3292_2.png) [@rafael.ortet](https://forum.finsweet.com/u/rafael.ortet)\
**Post date:** [November 5, 2024, 9:53pm UTC](https://forum.finsweet.com/t/client-first-how-to-change-to-5-lines-the-class-text-style-3lines/3751/1 "2024-11-05T21:53:29Z")

</div>

I want to duplicate the class “text-style-3lines” and set it up to a different amount of lines.

Any hint on this?

Thanks!

Rafael Ortet

---

<div class="post-metadata">

**Author:** ![Support-Luis](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.finsweet.com/support-luis/32/53_2.png) [@Support-Luis](https://forum.finsweet.com/u/Support-Luis)\
**Post date:** [November 6, 2024, 2:01pm UTC](https://forum.finsweet.com/t/client-first-how-to-change-to-5-lines-the-class-text-style-3lines/3751/2 "2024-11-06T14:01:59Z")

</div>

Hey @rafael.ortet! The style is included in the Global Style embeds in pure CSS, you can copy and modify the value of `-webkit-line-clamp` to fit your needs!

For 5 lines the CSS should look like this!

```css
.text-style-5lines {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}

```