-
AA_CAsked 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 LeadReplied 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_CReplied 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_CReplied on May 23, 2016 at 9: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.
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