Repeater field wp-admin layout

• presta

• March 17, 2015 at 8:35 pm

Hi there,
When I install ACF repeater field with X theme and WP 4.1 or 4.1.1 layout of repeater field inputs is broken. For some reason it adds ::before and ::afterpseudo elements to <tr class="row"> ( it’s using js_composer_settings.css ) and this css brakes layout of the repeater field.
https://www.dropbox.com/s/9pcssx8oq8ls7n7/error.png?dl=0

• emilekott

• March 18, 2015 at 3:25 am

+1 for this – just bought the plugin and all table headers are not lining up with cells when using the table layout

• presta

• March 19, 2015 at 10:45 pm

I submitted a Github pull-request for this.
If you wan’t to fix this add in this line of code to css/input.css inside ACF plugin.

on line :727
table.acf-input-table > tbody > tr:before,
table.acf-input-table > tbody > tr:after {
content: none;
}

Hope this helps

• emilekott

• March 19, 2015 at 11:00 pm

Thanks presta

If anyone comes across this problem, it is caused by a conflict with the Visual Composer plugin – there is some over zealous CSS within Visual Composer so it may not be “fixed” by ACF.

You can also do the following to avoid hacking ACF – inside functions.php, add the following:

add_action('admin_head', 'my_fix');

function my_fix() {
  echo '<style>
    .acf-input-table tr.row:before{ display: none !important; }
    .acf-input-table tr.row:after{ display: none !important; }
  </style>';
}

Cheers

Emile