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

    Custom css not appearing on "Light-Box" - RESOLVED

    Asked by AA_C on May 22, 2016 at 02:26 PM

    On my form; 61425237397965, I have some custom css code to apply a shadowing effect on my small notification notice. I have used the option "Light-Box" to show the notice when the link is clicked. 

    The css has an effect, shadowing, when the notice is viewed on the form creation page.

    I used .form-all to create a top margin and the shadow effect. The top margin works fine but not the shadowing when previewing or at our site. 

    Can you explain why this is happening.

    To see it in action goto this link: http://www.aac.ca/en/news/main/#TSA

    Then click on the text: Technical Systems Administrator Position 

    Thankyou,

    Robert

    Page URL:
    http://www.aac.ca/en/news/main/#TSA

    form creation style css code create
  • Profile Image
    JotForm Support

    Answered by Kiran on May 22, 2016 at 02:54 PM

    I see that the issue is already been addressed by our colleague on your other thread provided below:

    http://www.jotform.com/answers/844356

    Hence, we are marking this thread as answered. If you have any other questions with this issue, we request you to follow-up on the other thread.

    Thank you! 

  • Profile Image

    Answered by AA_C on May 23, 2016 at 09:04 AM

    Hi,

    I didn't realize I had two threads for the same issue. 

    The other was created when I was not logged in, which I didn't realize and also didn't notice was posted.

    I apologize for doing this. I will follow-up on  the other.

    Thank you for pointing this out.

    Best regards,

    Robert 

  • Profile Image

    (Private)

    Answered by AA_C on May 23, 2016 at 09:13 AM

    REPLY ON OTHER THREAD

     

    Answered by EltonCris on May 22, 2016 at 02:50 PM

     

    It might have been overpowered by other box-shadow properties. Try to add!important on the box-shadow property value. That might fix it.

    Example:

    .form-all{

    box-shadow: inset 0px 0px 19px 0px #ABABAB,3px 4px 19px -1px #211F1F!important;

    }

    Hope this helps!

     

    IT DID THE TRICK... THANK YOU