ACF input field columns

• flatusvocis

• May 27, 2021 at 11:50 pm

Hi guys!
I purchased ACF PRO, set up a field group that is shown in the post editor. Since there is a lot of fields with short strings inside I wanted to make some fields double column.

I found a guide to insert custom CSS and followed it.

I added following code:

function my_acf_admin_head() {
    
    ?>

    <style type="text/css">

        .acf-field-608ff4a5b86ec {
          float: left;
	  width: 50%;
        }

        .acf-field-6067196fe6dc9 {
          float: left;
	  width: 50%;
        }
    </style>
    <?php

But it makes the field only half-width, but not stacking it in columns…

Am I missing something obvious, or what is the issue?

Thanks and have a wonderful day!

example.png.png

• John Huebner

• May 28, 2021 at 3:36 am

There is a setting on every field to set the field width to a % of the screen. This can depend on other settings for the field group. For example if you have labels on the left then it will not work.

• flatusvocis

• May 28, 2021 at 3:54 am

Oh that is even more straightforward! Thank you sir, that is perfect.