Give an id and inject shadow css code - RESOLVED

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

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

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;

}

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

Glad we were able to assist. If you have any other question, please do not hesitate contacting us. We will be glad to help.