Simple Request – Row Dividers

• lcg_1111

• July 27, 2017 at 6:35 am

This is a super-simple request. On the backend, make the line that divides the rows of date field areas in a repeater a darker color. Just enough to make each repeater area very obvious.

I tried to do this via the “acf_admin_head” function:

<?php function my_acf_field_group_admin_head() {?>
	<style type="text/css">
		.acf-row{
			border-top:1px solid #000;
		}
	</style>
	<?php
}
add_action('acf/field_group/admin_head', 'my_acf_field_group_admin_head');
?>

But it is not working and I really don’t have the time to fiddle more with it.

• John Huebner

• July 27, 2017 at 7:53 am

for block and row layouts

.acf-repeater.-row > table > tbody > tr+tr > td,
.acf-repeater.-block > table > tbody > tr+tr > td {
  border-top-color: #000;
}

• John Huebner

• July 27, 2017 at 8:10 am

You’ve also go the wrong hook

<?php 
  
  function acf_mod_styles() {
    ?>
      <style type="text/css">
        .acf-repeater.-row>table>tbody>tr+tr>td,
        .acf-repeater.-block>table>tbody>tr+tr>td {
          border-top-color: #a8a8a8; // about twice as dark
        }
      </style>
    <?php
  }
  add_action('acf/input/admin_head', 'acf_mod_styles');
  
?>

• lcg_1111

• July 27, 2017 at 8:25 am

Thanks! That works perfectly!