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.
Custom css not appearing on "Light-Box" - RESOLVEDAsked 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
I see that the issue is already been addressed by our colleague on your other thread provided below:
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.
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.
(Private)Answered by AA_C on May 23, 2016 at 09:13 AM
REPLY ON OTHER THREAD
It might have been overpowered by other box-shadow properties. Try to add!important on the box-shadow property value. That might fix it.
box-shadow: inset 0px 0px 19px 0px #ABABAB,3px 4px 19px -1px #211F1F!important;
Hope this helps!
IT DID THE TRICK... THANK YOU