[Resolved] css for taxonomy

[Author]

Posts

[YounesZ5625]

I don't know how to make all the taxonomy fields appear in the end form on the same row???

I'm attaching a picture of the taxonomy I'm trying to do and I'm attaching another picture from another site where I have custom fields that appear in the same row

The css code I have for the custom fields is this
div.js-wpt-field-items ul.wpt-form-set li.wpt-form-item { display: inline-block; width: 90px;}

[Minesh]

Hello. Thank you for contacting the Toolset support.

As I understand - you want to display the taxonomy terms in multiple columns instead of displaying one term in one row - correct? if yes:
- Can you please share problem URL where I can see the terms and admin access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin) to your site.

I have set the next reply to private which means only you and I have access to it.

[YounesZ5625]

In addition, I do not know how to define in the taxonomy if there are many options for one taxonomy term, what will appear first in the list and what will be the second?

[Minesh]

Can you please check now: hidden link

I've added the following CSS code to your form's CSS box:
- hidden link

ul.wpt-form-set-checkboxes-tafkid li, ul.wpt-form-set-checkboxes-safa li, ul.wpt-form-set-checkboxes-web li  {   
  display:block !important;
 
}

ul.wpt-form-set-checkboxes-tafkid  {   
  columns:6 !important;
}

ul.wpt-form-set-checkboxes-safa {
   columns:6 !important;
}

ul.wpt-form-set-checkboxes-web {
   columns:5 !important;
}

If you need more polished results I suggest you should get in touch with any CSS expert. You can get in touch with any of our certified contractors:
- https://toolset.com/contractors/

More info:
- https://stackoverflow.com/questions/6509106/is-there-a-way-to-break-a-list-into-columns

[YounesZ5625]

Thank you very much.
There is a problem that the column of the first field starts a little lower than the fields after it
Thanks in advance

[Minesh]

I've adjusted the CSS code added to your form's CSS box as given under:

ul.wpt-form-set-checkboxes-tafkid li, ul.wpt-form-set-checkboxes-safa li, ul.wpt-form-set-checkboxes-web li  {   
  display:block !important;
  margin-top:0px !important;
}

ul.wpt-form-set-checkboxes-tafkid  {   
  columns:6 !important;
}

ul.wpt-form-set-checkboxes-safa {
   columns:6 !important;
}

ul.wpt-form-set-checkboxes-web {
   columns:4 !important;
}

I hope the above solution will help you to resolve your issue.

[YounesZ5625]

Thanks
Regarding the other question I asked
In addition, I do not know how to define in the taxonomy if there are many options for one taxonomy term, what will appear first in the list and what will be the second?
I will open another card
Thank you