how to change * required color

  • Profile Image
    majmer
    Asked on February 09, 2013 at 05:16 AM

    Can you inform me how to change, required (*) color, because my background is red and (*) color is also red.

    regards

  • Profile Image
    jefreylandicho
    Answered on February 09, 2013 at 07:14 AM

    You can inject a custom CSS and add this code

    .form-required {

    color:#00000 !important;

    }

    you can replace #00000 with the color code you want. You can check the link below to get the color code you need.

    http://www.colorpicker.com/

  • Profile Image
    majmer
    Answered on February 09, 2013 at 01:11 PM

    Thanks, I would like to ask one more thing can i increase height of the (*) its looks to small.

  • Profile Image
    abajan
    Answered on February 09, 2013 at 01:39 PM

    Yes, the declaration to effect that change can be placed in the same rule my colleague provided, vis:

    .form-required {
    color: #000;
    font-size: 20px;
    margin-left: 3px;
    }

    Of course, you may change the 20 to whatever value you wish. The fourth declaration (margin-left: 3px) is necessary to compensate for the increased distance between asterisk and its asociated text.

    Do let us know if you would like further assistance with anything. We'd be happy to help.