Button width different on site than in form builder

  • Profile Image
    vitomazz
    Asked on December 06, 2018 at 03:27 PM

    Hi, My developer built this following form and button using css:

    https://www.jotform.com/build/83302741706351

    However, as we can see, when placing the form on my site the button becomes much larger and does not fit in the screen: https://amznconsultants.com/amazon-account-management-services/

    I also have it in 2 more places:

    https://amznconsultants.com/amazon-consulting/
    https://amznconsultants.com/contact/

    Though it looks fine in the last two pages, it still doesn't mimic the look in the form builder.  

    This is what I mean specifically: https://prnt.sc/lrm90v

    Please help me to fix this, thanks.

  • Profile Image
    Kevin_G
    Answered on December 06, 2018 at 07:08 PM

    @vitomazz, 

    You may also replace the fixed button width with a percentage, this way the button is resized accordingly to each screen size. 

    You can do that on the form injected CSS code: 

    1544141253screenshot_01.png

    This guide will help you finding the CSS section on your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    I hope this helps.