This thread is resolved. Here is a description of the problem and solution.
Problem: I have a Layout that uses a Grid of Cells to display multiple rows of content. If the content is empty, the row should not appear. As it is now, there is some vertical space where the row is displayed, even without content.
Solution: If you get rid of that empty p tag, the row and its cells have no height and the space collapses. So I can think of two options.
.row > div > p:empty {
display: none;
}This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 2 replies, has 2 voices.
Last updated by 7 years ago.
Assisted by: Christian Cox.
Hi, the only thing taking up space in these empty rows is an empty paragraph tag for each cell. Please see the attached screenshot for an example. If you get rid of that empty p tag, the row and its cells have no height and the space collapses. So I can think of two options:
- Apply custom CSS that hides all empty paragraph tags in these rows. Add something like this to your Layouts CSS:
.row > div > p:empty {
display: none;
}
- Try to suppress the empty paragraph tag by disabling automatic paragraph tags. There are different ways to do this depending on how your Layouts are defined. If the cell contents are created in a Visual Editor cell, you can select "Disable automatic paragraphs" in the Visual Editor cell as shown in the screenshot. If it's in a Content Template cell, you can edit that CT and choose "Manual paragraphs".
