How to: Custom post loop with conditional ACFs-in-columns inside a row

Beaver Themer
1

I would like to build a post loop like this

Photoshop_QNOJs8fZsz
Photoshop_QNOJs8fZsz1186×691 69.5 KB

  • left column - 15% - post image (linked)
  • right column - 85% - two rows
  • row 1 - three conditional ACFs shown only if that field has content
  • row 2 - post title (linked)

Each of the three conditional ACFs should gracefully disappear (display: none) if they have no content. So that any ACF field with content is only ever shown in the left most position. And ideally the whole ACF row should gracefully disappear if none of the ACFs have any content.

I am stuck and cannot get those three ACF columns within the row. Is that possible at all?

1 Like