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.


  • Profile Image

    css text-shadow question

    Asked by wuichy on October 26, 2013 at 09:37 AM

    One question, for example i have the next css for text shadow:

    .form-line{text-shadow: 0.0em -0.1em 0.05em #333; color: #ffffff; }

     

    But this is the result, i bring me shadow to all texts outside the box, inclusive to "requiered form" so this is some questions.

     

    1.- Only shadow to the left text in the shadow.

    2.- Change color of "area" and "phone number" down the box

    Screenshot
    css text style size phone number font
  • Profile Image

    Answered by Cesar on October 26, 2013 at 04:47 PM

    Hello, 

    To change the color of the labels Area and Telefono you can inject the following CSS codes:

    #sublabel_area {color: #ffffff;}

    #sublabel_phone {color: #ffffff;}

     

    This is how the cloned form is displaying at this time:

    https://cms.jotform.com/uploads/image_upload/image_upload/global/19968_noshadowsublabels.png

    So far the shadow is kept on the labels to the left and no shadow appears on the text in side the requirement warnings.

    Below I'm posting my cloned version of your form in case you need it for reference:

    http://form.jotformpro.com/form/32986019276969?

    Besides of the CSS code I injected (the 2 lines showcased above) I have not added any other code, yet the shadow only appears on the left labels.

    Do let us know if you need further assistance. Thank you.