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

  • AA_C
    Asked on May 22, 2016 at 2: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
  • Kiran Support Team Lead
    Replied on May 22, 2016 at 2: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! 

  • AA_C
    Replied on May 23, 2016 at 9: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 

  • AA_C
    Replied on May 23, 2016 at 9: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