Reply To: Show repeater fields horizontal next to each other

• prebyter

• August 31, 2018 at 1:16 am

@colinsafranek thanks for providing your code.

I’ve optimized it a little bit, to be more flexible with the amount of columns:

/* ACF "repeat-horizontal" class, display repeaters in horizontal columns */
.repeat-horizontal .acf-repeater tbody {
    display: flex;
    flex-direction: row;
}
.repeat-horizontal .acf-repeater tr.acf-row:not(.acf-clone) {
    width: 100%;
}
.repeat-horizontal .acf-repeater tr.acf-row:not(.acf-clone) td.acf-fields {
    width: 100% !important; /* important is necessary because it gets overwritten on drag&drop  */
}