I’m building a form where users can select different options in different fields.
In the back end I can design it, so the different questions with options are on different rows/lines, but on the front end, these fields are all in one row/line.
How can I force these to be displayed in different rows/lines?
Is there a CSS class I can use for this similar to “pagebreak”…?
I have tried “linebreak” and “line-break”, but in vain.
Any help here is highly appreciated.
Here’s the back end
It appears that there is a conflict with your theme or plugins. First, disable all plugins except Gravity Forms and check if the issue persists. If it does, switch your theme to the default WordPress Twenty Twenty-Four.
If you still encounter the same issue, begin troubleshooting following the documentation below.
Thanks for your reply - much appreciated!
I’m using the Avada theme and haven’t encountered any issues in the past.
Just tried switching to Twenty Twenty Four theme but it didn’t do anything.
I understand that it also could be a conflict with a plugin, but I’m only using certified add-ons for Gravity - like Gravity Wiz and JetSloth.
Isn’t there any CSS class or something else which will force the rows/lines to break to the next?
Please note that there’s a number of conditional logic setup in this form.
The reason is that when the user select an option in the first field it can trigger another field or two to show, where the user will need to select additional options.
