Align the add field icon to the left / start of the row in the List field [RESOLVED]

[user69659b783197f612 (A W)]

Hi, I’ve tried searching but cannot find an answer for this. How can I move the plus symbol for adding new fields to the start of the row when using the LIST field?

Thanks in advance

[david (David (Gravity Wiz))]

Try this custom CSS on for size:

.gfield_list_group {
  grid-template-columns: auto 1fr;
}

/* Move icons before inputs */
.gfield_list_icons {
  order: -1;
}

Should look something like this:

If you need any easy way to install form-specific CSS, our free GF Code Chest plugin is the best.

[user69659b783197f612 (A W)]

Hi David,

Thank you for your reply. I added this firstly to my theme file editor, and then to my Additonal CSS in Appearance/Themes, but neither worked. I installed the Code Chest via Spellbook and then it worked, exactly like your screenshot.

Many thanks!