Hi @alysko
I hope you are doing good today.
As mentioned in the above post this is designed in such a way by default.
You can try this code:
#forminator-module-4342 #radio-1 {position:relative;}
#forminator-module-4342 .forminator-label {padding-bottom:30px !important; }
#forminator-module-4342 #radio-1 .forminator-description {position:absolute !important; top:15px;}
where 4342 is the ID of your form and radio-1 is the number of your radio field (in case there are more radio fields). Later on apply the correct padding bottom value from 30px to more, in case the description is longer. Please let us know does that helps.
Kind Regards,
Kris
Thread Starter
BenM
(@alysko)
But… Why? Why the description is below the radio?!
And your patch only works if the label is only one line long.
Moreover, something like this would have been smarter I think:
div[id^=radio] {position:relative;}
.forminator-label {padding-bottom:30px !important; }
div[id^=radio] .forminator-description {position:absolute !important; top:15px;}
Hi @alysko
I hope you are doing well.
Thank you for sharing the CSS, about why that position, it seems the reason is to follow the Forminator Design pattern, but I forward this ticket to our designers letting them know you are also looking to have the description below title which makes sense as the description is something to inform.
But we can’t give any estimated time or guarantee that we will change it in the near future.
Best Regards
Patrick Freitas
