Style is not applied in chrome mobile

  • Resolved sslakd

    (@sslakd)


    6 years, 10 months ago

    Hi,

    Really love this plugin. I get into a problem that css does not apply to Chrome mobile and Safari mobile. I think the problem is belong to IOS device since Android device is fine.
    Here is screenshot https://imgur.com/a/oBS07
    You can see the button on top(CALCULATE) is not similar to the bottom (SIGNUP NOW). The one on top is using your plugin.

    Hope you understand the issue.

    Cheers.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @sslakd,

    The issue is related with the appearance imposed by safari to the form’s controls, and other styles inherited from the theme active in your website.

    Please, enter the style definition below into the “Customize Form Design” attribute in the “Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png):

    
#fbuilder input[type="button"]{-webkit-appearance:none !important;}

    Best regards.

    Thread Starter sslakd

    (@sslakd)

    Hi,

    Thanks for quick reply. The issue still there… I also notice that n mobile, when I touch on it once, it changes to hover state. Is there anything I need to do except input the code you sent ?

    Thread Starter sslakd

    (@sslakd)

    Sorry,

    It’s work now, I input that line into my themes css and the magic happen :). Thanks again.

    Plugin Author codepeople

    (@codepeople)

    Hello @sslakd,

    Thank you very much for letting me know that everything is working properly.

    Best regards.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Style is not applied in chrome mobile’ is closed to new replies.