Output display customization of checkbox custom fields
Hello everyone,
I'm struggling with a display and priority issue, whereas,I have 2 custom fields (checkbox and radio button) in the front-end form submission that stand out from the others because they contain multiple selections ranging from 8 to 20 options to select from.
I noticed that by default,
a single-ad listing page will always display those "selection" fields BEFORE the text-area fields no matter how I arrange the order of the fields in the Form within the Admin area.
The problem is, if the user actually selects multiple options, (ex.: 14) the output won't look pretty considering those options will be displayed one next to each other horizontally trying to fit within restricted allocated space.
Is there a way to target those specific custom fields (checkbox or radio buttons or drop-down) and display their content separately in a "table" like display of 2-3 columns? maybe using Flex x% ?
Basically I'm trying to display the content of those fields somewhere before or after the text-area fields (Before would be preferred) to maximize their allocated space display within an ad and not have them restricted to a narrower space on top of the text-area fields.
Display example:
custom-field-display.jpg