Embedding form issue

  • Profile Image
    unruhfurniture
    Asked on January 22, 2017 at 05:12 PM
    But now when I went to embed it I ran
    into a little trouble getting the correct size. Would you take a look at my
    questions in the attached screenshot and let me know if you can help me
    here too.
    Thanks so much!
    Sam
    *Sam Unruh*
    Owner, Unruh Furniture
    cell: 816.808.5259
    ...
  • Profile Image
    Jan
    Answered on January 22, 2017 at 05:55 PM

    Unfortunately, the screenshot you tried to share is not showing. Please go directly to this thread (https://www.jotform.com/answers/1042498) and use the "Your Answer" reply editor to upload your screenshot.

    We'll wait for your reply. Thank you.

  • Profile Image
    unruhfurniture
    Answered on January 22, 2017 at 07:03 PM

     

  • Profile Image
    ashwin_d
    Answered on January 22, 2017 at 09:38 PM

    Hello unruhfurniture,

    Have you solved this problem already?

    I did check your webpage URL where you have embedded your form and did not find any issue with that. There is no background color being displayed in your form and it matches with rest of your webpage. Please check the screenshot below:

     

    Do get back to us if you need still need any changes.

    Thank you!

  • Profile Image
    unruhfurniture
    Answered on January 23, 2017 at 07:45 AM
    Sorry about that. I just matched the background to make it look the same,
    but I still haven't figured it out. Here's a page I made just for this
    thread with a different background.
    https://unruhfurniture.com/jotform/
    I would like to embed it the size of the Green Dotted Line in the original
    screenshot, and get rid of the background so it matches the website.
    Thanks!
    Sam
    *Sam Unruh*
    Owner, Unruh Furniture
    cell: 816.808.5259
    ...
  • Profile Image
    ashwin_d
    Answered on January 23, 2017 at 08:11 AM

    Hello Sam,

    Okay let me try and understand your requirement a bit more in detail. Please check the screenshot below and see if this is how you want your form to be displayed:

     

    If yes, you need to just inject the following custom css code in your form and that should solve your problem:

    .supernova .form-all, .form-all {

        background-color: #e0dacc !important;

    }

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you need any changes.

    Thank you!

  • Profile Image
    unruhfurniture
    Answered on January 23, 2017 at 09:12 AM

    Thanks, that helps with part of my problem, but the other issue I am having is that the total area this form is taking up on my page is too large. I would like to embed it without any margin so it is the same size as that lighter brown. I attached another screenshot. The Red Line is the space it is taking up on the embed now, and the green line is what I would like it to use up. Can you help me with that? Thanks!

     

  • Profile Image
    BJoanna
    Answered on January 23, 2017 at 11:26 AM

    If I understood you correctly, you want to remove padding of your form. Please add this CSS code to your form:

    .jotform-form {

    padding: 0!important;

    }

    How to Inject Custom CSS Codes

     

    Let us know if you need further assistance. 

  • Profile Image
    unruhfurniture
    Answered on January 23, 2017 at 02:42 PM

    Now could you tell me how to change the color of the error code. See attached screenshot.

     

  • Profile Image
    unruhfurniture
    Answered on January 23, 2017 at 02:46 PM
    That did the trick! Thanks so much.
    *Sam Unruh*
    Owner, Unruh Furniture
    cell: 816.808.5259
    ...