Support » Plugin: Calculated Fields Form » Great plugin but…

  • Resolved sergeantash

    (@sergeantash)


    Brilliant plugin, this has allowed me to create a really good pricing calculator but there are a few aesthetic issues with this plugin.

    The default templates do not scale in width, therefore even if you select ‘Small’ for the size of the slider fields, they still get cropped when viewing on a mobile device.

    Any easy ways to solve this?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter sergeantash

    (@sergeantash)

    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.

    Plugin Author codepeople

    (@codepeople)

    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.

    Thread Starter sergeantash

    (@sergeantash)

    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.

    Plugin Author codepeople

    (@codepeople)

    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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Great plugin but…’ is closed to new replies.