Hey sorry my last thread locked before I had a chance to get back on the computer.
My original question:
So I’m using essential grid to make a blog section on my home page, but the hover-over description is sometimes so long it blocks out the “read more” button
What can I do so that the hover description only shows a short summary with a … instead of the entire blog headline?
Scroll down about 2/3 to see the ess grid blogs
Your solution:
.eg-essential-preview-element-1 {
width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
This seem to work a little too well lol and cut almost all of the text out
So I changed the width to 100% and it looked better
But there is only 1 line of text, is there any way to allow it to go to a 2nd row of information? I think that would be a perfect medium from what the original problem was to a little too much for your suggested solution.
Thank you!