How can I change the color of the required star

  • Profile Image
    rahulusfbcm
    Asked on June 22, 2013 at 10:39 PM

    My form here: http://www.jotform.us/annieaphoto/newclient

    How do I change the color of the little star on the questions that are required? I want it to be this color: #76bccf

     

    Thanks!

  • Profile Image
    Welvin
    Answered on June 23, 2013 at 07:18 AM

    Hi,

    Inject this custom CSS codes to your form:

    .form-required {

    color: #76bccf;

    }

    This is the guide on how you can inject this codes: How to Inject Custom CSS Codes\

    Let us know if you need any further assistance.

    Thanks

  • Profile Image
    annieaphoto
    Answered on June 23, 2013 at 01:48 PM

    Wow, thanks so much for the fast support! This is why I love jotform! 

    How can I make that same color the "Field is required outline color and the background for the text that pops up?)

  • Profile Image
    pinoytech
    Answered on June 23, 2013 at 02:02 PM

    Hi,

    Is this something you want to achieve in your form?

    http://www.jotformpro.com/form/31735397391967

    If yes, use this codes and inject into your form.

    .form-required {

    color: #76bccf !important;

    }

    .form-line-error {

    background: #76bccf !important;

    }

    .form-error-message {

    background: #76bccf !important;

    }

    .form-error-arrow {

    border-bottom-color: #76bccf !important;

    }

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image
    d_lane
    Answered on June 03, 2016 at 06:16 PM

    This is what I've been looking for but how do I change the color of the boxes that are required. They are currently red if left blank in your example.

  • Profile Image
    BDAVID
    Answered on June 03, 2016 at 08:08 PM

    I guess you mean the borders of the fields:

    If you want to change the color, you can try with the following CSS code:

    .form-line-error input:not(#coupon-input) {

        border: 1px solid yellow !important;

    }

    result: https://form.jotform.com/61547558942972 

    Let us know if you need more help.

  • Profile Image
    d_lane
    Answered on June 03, 2016 at 08:17 PM

    yes. Any way I can use a hex number?

  • Profile Image
    BDAVID
    Answered on June 03, 2016 at 09:47 PM

    Yes: http://www.w3schools.com/colors/colors_picker.asp 

    .form-line-error input:not(#coupon-input) {

        border: 1px solid #ffff00 !important;

    }

    Let us know if you need more help.

  • Profile Image
    d_lane
    Answered on June 03, 2016 at 10:45 PM

    https://www.jotform.com//?formID=61495814999173#design

     

    Yes so when I load my form, the page break blinks then disappears. Any way I can get that page break to not appear I want it to. I have added blink animation in the css.

  • Profile Image
    liyam
    Answered on June 04, 2016 at 12:38 AM

    Hello d_lane,

    I have moved your question to another thread.  We'll handle your concern there.

    Thanks.

  • Profile Image
    d_lane
    Answered on June 06, 2016 at 02:42 PM

    hi is there any way to make the "terms and conditions" checkbox smaller?
  • Profile Image
    Welvin
    Answered on June 06, 2016 at 04:00 PM

    @d_lane: If you have any other question(s), we suggest creating a new thread for that instead of sending a reply to this old thread. Your question related to the Terms and Conditions has been moved here: https://www.jotform.com/answers/854728