PASTEL THEME: Remove shadow from text?

  • Profile Image
    Deadra
    Asked 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 ); }

  • Profile Image
    abajan
    Answered 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
    Deadra
    Answered 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
    abajan
    Answered 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
    GeorgiaGibbs
    Answered 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
    pinoytech
    Answered 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
    thebuzzmarketing
    Answered 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