Andy Hill asked 4 weeks ago
Hi there, I wonder if anyone can help me. I have created a Likert Scale using Formidable Forms for a form I use in my therapy work. I would like to increase the gap between the rows, as it's currently all too bunched up. I don't think there is setting that can be done to change this and that the following CSS should work:
.frm_form_field {
margin-bottom: 30px !important;
}
The interesting thing is that when I paste this code into the additional CSS box in Formidable Forms under editing styling, the gap between the rows of the Likert Scale increase and look better, but when I go to save this, it reverts back to the original spacing, as if the CSS is ignored or overridden. I am using Siteground as my host, and a WordPress website, with the Hello (Elementor) theme.
Has anyone come across this before or know how to solve it.
Thank you for any help.
Andy
Please login or Register to submit your answer
replied 4 weeks ago
Hello Victor Font - I can see in my email that you have replied to this. THANK YOU. but I can't seem to see the answer here, in full.
Staff replied 4 weeks ago
Yes, I know. This forum can be glitchy at times. I wrote a response and when I hit send it disappeared. What I said was that you need to be more specific with your CSS. The frm_form_field class applies to every form field, not just Likerts. You need to spend more time with your browser's inspection tool to pinpoint the right CSS or create your own class.
Also, front end and back end CSS is different unless you're using a modern FSE theme. The CSS you're adding is front end only. It won't apply to the admin area.
replied 4 weeks ago
Hi Victor,
Thank you. You were right in that I needed to be more specific. So I used:
/* Likertscale spacing – desktop */
#frm_form_11_container .frm_form_field {
margin-bottom: 25px !important;
}
This worked fine by adding it to Appearance - Customise - Additional CSS in WordPress. I didn't add this to Formidable Forms. The code above was provided by CoPilot. It took a while for the mobile version of browsers to show the change, but this did come through later.