Dots For Article Title

Hi there,

based on the previous example you could try this CSS:

.generate-columns-container article .entry-header .entry-title,
.wp-show-posts article .wp-show-posts-entry-title {
    display: block;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    color: #ff0000; /* Set color of ellipses - 3 dots */
}

Thanks for trying David. That adds the dots but messes up the images and adds the dots to every post title, even the ones that don't need it, shortening it to one line instead of two too. I can send screenshots via email to show you what it does if easier?

So do you want to display the title across two lines ( if thats required ) and only show the ellipses if the text would extend to the three lines ?

As thats tricky... let me know.

Yeah, that's right. The code I got before worked in terms of two lines and ellipses but it put it on the titles that didn't need it instead of the ones that did. Is it possible do you think?

Thanks,
Ella

First remove this CSS ( in Customizer > Additional CSS ):

@media (min-width: 768px) {
    .generate-columns-container article .entry-header .entry-title,
    .wp-show-posts article .wp-show-posts-entry-title {
        line-height: 2.5ex;
        height: 5ex;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

And try adding this:

.generate-columns-container article .entry-header .entry-title,
.wp-show-posts article .wp-show-posts-entry-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

Ooh so close! That one picks it up on the posts that overflow which is perfect, it adds it on the second line too which is great, but it then continues to show the third line of text (when it shouldn't display that until clicked on) and that title text then overlaps the start of the body text below that. Does it need an extra line in perhaps?

Made an update to the CSS above:
https://generatepress.com/forums/topic/dots-for-article-title/#post-1829510