Also, when using the ‘Radio’ field type, there is a lot of whitespace under each option and I can’t seem to locate the CSS element causing it.
Hello,
The issue should be related with the styles inherited from the theme active in your website. Could you send me the URL to the webpage where the form is inserted, please?
Best regards.
Its broomstickbristol.co.uk/pricing-test/, but I have inserted some style code to resolve the issue into the top of the post? Overall, the form didn’t feel very ‘mobile friendly’, but I totally appreciate if its theme related.
Hello,
First, you have defined a style in the body of page that force the form’s width to a 60% of its container:
http://wordpress.dwbooster.com/customdownloads/2017/05/21/screenshot_form.png
but this style is applied with large (desktops) and small screens (mobiles devices), the correct would be define the styles into the css block:
@media screen and (min-width: 740px){
/** Style definitions here **/
}
to apply the styles only with large screens.
About the margin of the radio buttons, it is defined in a css file that you have stored in the website cache, please, look the screenshot below:
http://wordpress.dwbooster.com/customdownloads/2017/05/21/screenshot_margin.png
A possible solution would be define the style below to overwrite the styles of the theme in the plugin’s context:
#fbuilder input[type="radio"]{margin-bottom:0 !important;}
Best regards.