Unable To Display Full Form

  • Profile Image
    daniellec
    Asked on July 23, 2013 at 01:21 PM

    I set the form width to 250px, and the size of my WP Sidebar is 250px as well - somehow the form is getting cut off. I'm not too sure why.. but I can't make it fit for some reason. Please help :)! Thanks!

  • Profile Image
    guilledutra
    Answered on July 23, 2013 at 01:31 PM

    Hi, you should check this line 550 at your style.css stylesheet of your wordpress theme 

    #sidebar .textwidget, #sidebar .widget #social { padding: 10px 20px; }

    And  replace it with:

    #sidebar .textwidget, #sidebar .widget #social { padding: 10px 0px; }

    This will fix the reight padding of your text widget, giving more space to your form.

     

    Hope it helps!


  • Profile Image
    daniellec
    Answered on July 23, 2013 at 01:38 PM
    perfect that helped a lot! The form is still slightly off, there's more space on the left of the form than there is on the right of the form. Any way I can fix that?
    Danielle Comstock
    GRAPHIC & WEB DESIGNER
    P (813) 273.0017
    [cid:B27199FB-C248-4CF7-AC5E-F20FF3720E1C]
    ___________________________________________________________________
    SR SERVICES AND SUPPORT 1234 E. 5TH AVENUE TAMPA, FL 33605
  • Profile Image
    guilledutra
    Answered on July 23, 2013 at 01:51 PM

    Cool! well you can fix that by editing the size property of your form fields to fit in your wordpress text widget. "22" Will be a reasonable size for your example.

     

    Hope it helps!

    Guillermo

  • Profile Image
    EliezerN
    Answered on July 23, 2013 at 01:53 PM

    In addition to guilledutra you can try inserting this custom CSS code:

    .form-all

    {

    margin-left:-8px !important;

    }

    Or if you need more or less space in the left edit the value -8px.

    Let us know if you need further assistance.

    Thanks.

  • Profile Image
    daniellec
    Answered on July 23, 2013 at 02:05 PM
    This worked PERFECTLY! You guys never cease to amaze me! THANK YOU!!!! :-)
  • Profile Image
    EliezerN
    Answered on July 23, 2013 at 02:19 PM

    You're welcome daniellec.

    We are here to help, so feel fre to contact us at any time you have a question or a need about Jot form functionality.

    Thanks.

  • Profile Image
    daniellec
    Answered on July 23, 2013 at 02:28 PM
    One more tiny question- can I make padding-bottom smaller? Theres a lot of space there now!
    Danielle Comstock
    GRAPHIC & WEB DESIGNER
    P (813) 273.0017
    [cid:DE6613EE-1B89-461A-A2EE-5F9BC85BDC6E]
    ___________________________________________________________________
    SR SERVICES AND SUPPORT 1234 E. 5TH AVENUE TAMPA, FL 33605
  • Profile Image
    EliezerN
    Answered on July 23, 2013 at 03:03 PM

    To reduce the space in the bottom of your form please try inserting this CSS code:

    .form-all

    {

    margin-top:20px !important;

    }

    You can edit the value 20px if you need more or less space.

    And please if you have more questions and they are different from the original one fo this thread, please open a new thread to make it and we will be more than glad to help you.

    Thanks for your comprehension

  • Profile Image
    daniellec
    Answered on July 23, 2013 at 04:00 PM
    Spot on- thanks again guys!!!
  • Profile Image
    daniellec
    Answered on July 23, 2013 at 04:40 PM
    Okay I am seeing the form correctly, but my friend at work brought it up on her PC (I am on a Mac), and the form is still cut off on the right side. Any way you guys can make this a universal browser fix? She was viewing it in internet explorer (the only browser that ever gives me problems, of course!)
    I'll attach a screen shot so you can see what it looks like on IE >>>
    [cid:7DAC76ED-7A60-4126-9B6F-11B0D8484C1F]
    Thanks in advance!
  • Profile Image
    jefreylandicho
    Answered on July 23, 2013 at 04:51 PM

    We are unable to see the screenshot you have posted. Please try using this link to upload the image and provide us the link it generates. I have also tested your form in IE 10 and was not able to replicate the same issue. Please try clearing your browser cache as well.

  • Profile Image
    daniellec
    Answered on July 23, 2013 at 04:51 PM
    Never mind all works perfect now. Thanks!
    Danielle Comstock
    GRAPHIC & WEB DESIGNER
    P (813) 273.0017
    [cid:8F8D02B7-C635-4511-88F6-EC5A67EC5EAD]
    ___________________________________________________________________
    SR SERVICES AND SUPPORT 1234 E. 5TH AVENUE TAMPA, FL 33605