-
AA_CAsked on January 18, 2016 at 11:12 AM
I'm trying to add a shadow to my form (60174503178958). Usually I embed the script and do it that way.
With this form I am trying to do it here. The only way I can see to do it is to give the first
of the form an id.Then inject my shadow css code to that #id_shadow.
// add shadow id to this div like <div id="shadow" class='form_all">
Is there a way to do this or is there another much simpler method entirely.
I tried using designer and injected some css there but I couldn't figure out how to shadow the form exterior.
TNX
Robert
-
victorReplied on January 18, 2016 at 12:47 PM
If I understand you correctly, you would like to add a shadow into your form. If I am wrong, please feel free to correct me.
To add a shadow in the entire form, you can inject the following code:
.form-all {
-webkit-box-shadow : 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow : 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow : 10px 10px 5px 0px rgba(0,0,0,0.75) !important;
}
-
AA_CReplied on January 18, 2016 at 1:03 PM
Interesting, I tried that very thing and it didn't show me a shadow.
What I did was to add the shadow css to the existing .form_all code not create another instance of it.
Although it appeared to have a shadow on the form editor page it did not have one when using the preview or open in new tab.
Wait!
I just realize what I did wrong now... .form_all { some css; .form_all { shadow script }}
It works better your way, perhaps I was think of scss. ... :-p
Thank you Victor, works now.
Robert
-
victorReplied on January 18, 2016 at 1:57 PM
Glad we were able to assist. If you have any other question, please do not hesitate contacting us. We will be glad to help.