So I’ve got a portfolio grid set up, and I’ve set it up to show titles and excerpts.
Problem is, some of the titles are a little long, so when the test wraps to the next line, it makes that particular cell a little taller than the rest.
Is there a way to make it so it’s a “perfect grid”? I even tried making the borders white, but I’ve had no luck with either so far.
I also added custom links to all of the pictures–the links take you to our parent company’s website–but I need to open it in a new tab. I read about someone else wanting to do the same thing, but the solution provided didn’t work for me.
Hi riberusa!
We could give you some CSS to hide the overflow. Send us a link to your page and we’ll take a look.
Best regards,
Elliott
So, you could force the cells to be the same size, but I’d lose the ability to have multiple lines of text?
Hi!
Yes, add this to your custom CSS.
.grid-entry-title.entry-title {
height: 17px;
overflow: hidden;
}
You could also try giving it a min height to see if the script picks it up.
article .grid-content {
min-height: 100px !important;
}
Best regards,
Elliott
Hi Elliot!
Giving it a minimum height worked! Thank you.
Is there a way to remove the borders/outline around each box, too?
Hi!
Please add following code to Quick CSS as well
.grid-entry .inner-entry { box-shadow: none; }
Best regards,
Yigit
I don’t know why I haven’t responded to this yet, but it worked perfectly. Thank you!