Give an id and inject shadow css code - RESOLVED

  • Profile Image
    AA_C
    Asked 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

     

  • Profile Image
    victor
    Answered 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;

    }

  • Profile Image
    AA_C
    Answered on January 18, 2016 at 01: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

  • Profile Image
    victor
    Answered on January 18, 2016 at 01: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.