What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    Does the auto popup form mess with certain coding?

    Asked by clairegraphics on March 21, 2014 at 04:42 PM

    This is continuing from my previous question on this thread: adjust border popup form

    The form is in this url: http://www.clairepettibone.com/CP2014/lingerie_form.html

    I tried using the us form like @Welvin has stated, but it still will not allow me to click through my slider I have on the page after the popup is closed out. When the form is filled out, it refreshes the page entire so it does work, but when you don't opt in and click out of the popup, the slider will not work.

  • Profile Image

    Answered by clairegraphics on March 21, 2014 at 05:06 PM

    I actually fixed it with the past solutions your support has given me, but there's a different color border in the first version of jotform I guess. Is there a way to change that?


  • Profile Image
    JotForm Support

    Answered by TitusN on March 21, 2014 at 06:13 PM


    Please try injecting the following CSS to your form:

    #singleimage > div:nth-child(17) > div:nth-child(2) > div:nth-child(1) {
    border-bottom-color: rgb(252, 252, 252);

    Use this linked guide to add the CSS to your form.

    Did that help?

  • Profile Image

    Answered by clairegraphics on March 21, 2014 at 06:48 PM

    I injected the css and refreshed the page with the form on it and nothing happened =(

  • Profile Image

    Answered by Cesar on March 21, 2014 at 08:31 PM

    Please try adding that same code provided by my colleague within <Style></Style> tags directly on your webpage. As it may be that the code is not being injected.

    Do let us know if you need further assistance. Thank you.

  • Profile Image

    Answered by clairegraphics on March 27, 2014 at 02:48 PM

    Hi Cesar,

    I did as you said, but it didn't do anything. Also it says there is a syntax error in the code provided by your colleague.

  • Profile Image
    JotForm Support

    Answered by EltonCris on March 27, 2014 at 04:28 PM

    @ clairegraphics 

    I see no issues with my colleague's code. However, make sure to wrap it with style tag before you add it on your page. You can use the following CSS code.

    To add it on your page, just place this CSS code on top of your lightbox embed code. Most likely before <?php if ($showlightbox) { ?> code.


    #singleimage > div:nth-child(17) > div:nth-child(2) > div:nth-child(1) {

    border-bottom-color: white !important;



    You can also change white to any color or hex color code you want.

    Update us should you need further assistance. Regards!

  • Profile Image

    Answered by clairegraphics on March 27, 2014 at 04:43 PM

    That worked perfectly! When I tried earlier, I injected it in the wrong place. =)

    Thank you to all of you for your help!