How to showing title on two lines in wordpress

Question

Suppose I have a long title for some of my posts in my wordpress website.

Now I want to show those long titles in two lines either in desktop or laptop or mobile screen.

That means in all devices that long title shows in two line and then dot(...).

It is possible for specific character but how to do that for specific lines?

Anybody help please?

checking the length and add some logic could solve your issue. — Traian GEICU, Mar 25 '21 at 11:28
This can be achieved with pure css. I've answered this a while back @ https://stackoverflow.com/a/62953318/3645650 — amarinediary, Mar 25 '21 at 11:40
@amarinediary...yours one is correct for me....will you please give it as an answer? I will accept it then — Arafat Rahman, Mar 25 '21 at 11:54

score 1 · Accepted Answer · answered Mar 25 '21 at 12:34

1

You can do this with css:

.my-long-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-clamp: 2;
    overflow: hidden;
}

answered Mar 25 '21 at 12:34

Hillel

811
2
7
19

How to showing title on two lines in wordpress

1 Answers1