changing color of required response asterisk

  • Profile Image
    robinowsley
    Asked on May 24, 2011 at 12:48 PM

    I'm using the "Industrial Dark" theme, which I really like, except I'd REALLY like to change the color of the asterisk that indicates that a question is required from the dark red it is now to ffccff, a pinkish color.  Yes, I've been trying to do this on my own, but it's not working.  The only way I can see to do this is to go to the form preferences, and attempt to inject some custom CSS.  But try as I might, that's either not the correct way to do this, or I'm writing the CSS wrong, because I've tried it several different ways and my asterisks are still red.

     

    Can someone please tell me how to do this, hopefully give the the CSS chunk that will ACTUALLY WORK if that's the correct method?  Thanks!

     

    p.s.  I rather doubt screenshots or anything else are necessary for this question, so I didn't include any.

  • Profile Image
    robinowsley
    Answered on May 24, 2011 at 12:53 PM

    Never mind, I got it.  :)

    In case anyone else is reading this and wants the answer, you insert this:

    .form-required{
    color:#ffccff;
    }

    I wasn't including that period before the word form, and apparently, that's important.

  • Profile Image
    NeilVicente
    Answered on May 24, 2011 at 01:44 PM

    Hello Robin,

    Good job on figuring that one out.

    For the benefit of those who might be interested in your solution, I have included the steps on how to insert that css code into one's form.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code provided by Robin in the Inject Custom CSS textarea

     

    Hope this helps.


    Neil