issues getting the text areas 100% width

  • Profile Image
    Asked on July 05, 2015 at 07:51 PM

    I have been creating a Jot Form.


    I am having problems getting the text fields to all be 100% width (im going to place the form into a div width will control its width.


    I have tried putting 100% width in the css but its still not working, something else is controlling there sizes.


    I have download the source code, why is there embedded css in the <head> of the html file and linked css files? are these duplicates? Its very messy!


    Also i can't work out why i have a big 'Contact Us' red box under my form, how do i move this?


    here is a link to the form




  • Profile Image
    Answered on July 05, 2015 at 10:40 PM

    The reason behind this is this CSS code: 

    max-width: 542px;

    Even if you set all the .form-textbox to 100%, it will just treat 542px as its 100% because it is set to be the max-width.

    I would recommend for you to check your CSS code and look for this code. 

    I have cloned your form and I have tried removing all of it.

    Here, you can check this cloned form

    As for this question: 

    Also i can't work out why i have a big 'Contact Us' red box under my form, how do i move this?

    I have moved it on a different thread that you may follow by clicking this link:

    I hope this helps. Let us know if you need any further assistance. Thank you. 

  • Profile Image
    Answered on July 06, 2015 at 04:12 AM

    ah excellent thanks, ill do a find and replace. 

    on another note the new

    google captcha isn't displaying on mobile
    ... so the form won't submit. Its just showing an empty space. any ideas?
  • Profile Image
    Answered on July 06, 2015 at 08:17 AM

    Hi nickphonics18, 

    On behalf of my colleague, you are welcome. 


    Regarding your another question, I have moved it to a separate thread so we can better assist you. You can check it here. We will attend to it as soon as possible.