Does the auto popup form mess with certain coding?

  • clairegraphics
    Asked on March 21, 2014 at 4: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.


  • clairegraphics
    Replied on March 21, 2014 at 5: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?

     

    Does the auto popup form mess with certain coding? Image 1 Screenshot 20

  • TitusN
    Replied on March 21, 2014 at 6:13 PM

    Hello,

    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?

  • clairegraphics
    Replied on March 21, 2014 at 6:48 PM

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

  • Cesar
    Replied on March 21, 2014 at 8: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.

  • clairegraphics
    Replied on March 27, 2014 at 2: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.

  • Elton Support Team Lead
    Replied on March 27, 2014 at 4: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.

    <style>

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

    border-bottom-color: white !important;

    }

    </style>

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

    Update us should you need further assistance. Regards!

  • clairegraphics
    Replied on March 27, 2014 at 4: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!