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

    PASTEL THEME: Remove shadow from text?

    Asked by Deadra on June 05, 2011 at 06:57 PM

    Love the buttons, hate the text shadow and background. Changing the background was easy enough, but how do I remove the text-shadow? It makes my text unreadable.

     

    EDIT: NVM, found the JotForm CSS code for it:

    .form-submit-button:hover, .form-submit-reset:hover, .form-submit-print:hover, .form-pagebreak-back:hover, .form-pagebreak-next:hover { background: #FFDFA2; background: -moz-linear-gradient(top, #FBCB5D 0%, #EFA003 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBCB5D), color-stop(100%,#EFA003)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBCB5D', endColorstr='#EFA003',GradientType=0 ); border-color: #D08A01; }.form-submit-button, .form-submit-reset, .form-submit-print, .form-pagebreak-back, .form-pagebreak-next { -moz-border-radius: 4px 4px; -webkit-border-radius: 4px 4px; border-radius: 4px 4px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); text-shadow: 0 -1px 0px #C64F00; padding: 6px 18px; border: 1px solid #C64F00; color: white; font-size: 12px; background: #F9C667; background: -moz-linear-gradient(top, #FAA84C 0%, #FF7B0D 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAA84C), color-stop(100%,#FF7B0D)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAA84C', endColorstr='#FF7B0D',GradientType=0 ); }

    Page URL:
    http://form.jotform.com/form/11555747346

    PASTEL theme text shadow white button CSS remove outline border
  • Profile Image
    JotForm Support

    Answered by abajan on June 05, 2011 at 07:37 PM

    Wow! That seems like an awful lot of CSS to achieve your goal but if it works for you, that's fine.


    ~ Wayne

  • Profile Image

    Answered by Deadra on June 05, 2011 at 07:40 PM

    I just copied and pasted the CSS from JotForms PASTEL theme. I didn't write any of it myself. I do know, however, that the "moz" and "webkit" are needed so that the gradients show up on various browsers.

  • Profile Image
    JotForm Support

    Answered by abajan on June 05, 2011 at 08:07 PM

    Ah, I see. Smart move on your part. And you're right about the moz and webkit declarations too.

    Cheers :)


    ~ Wayne

  • Profile Image

    Answered by GeorgiaGibbs on December 12, 2011 at 12:33 PM

    Hi Wayne. Your answer is not helpful for other people doing a search related to the same issue. A helpful answer would have been: I am glad that worked. Here is another way to accomplish removing the shadow from the text: "helpful answer"

  • Profile Image

    Answered by pinoytech on December 12, 2011 at 02:48 PM

    Hi,

    Please inject this CSS Code in your form in order to remove the text-shadow in your form label.

     

    .form-all {

    text-shadow:none;

    }

     

    To inject Custom CSS Code, please follow the guide below:

    1. While  on  your form (Edit Mode), click Setup & Embed then  Preferences

    2. On the Preferences window, go to Form Styles tab and then insert your CSS Code under Inject Custom CSS Box.

     

    Clicking on "Close Settings" will then automatically  save the changes.


    If you have further questions, just let us know. Thank you and have a great day!

     

  • Profile Image

    Answered by thebuzzmarketing on November 29, 2014 at 02:33 PM

    .form-all {

    text-shadow:none;

    }

    Now you can just copy this custom CSS into the CSS tab in form designer