Can i change the placement of the required field box?

  • Profile Image
    mel612
    Asked on April 04, 2013 at 06:05 PM

    You know that box with the ! that says "This is a required field"... is there any way that I can change its positioning to the top or the left? Thanks! 

  • Profile Image
    EltonCris
    Answered on April 04, 2013 at 06:53 PM

    Hi mel612,

    That's possible with CSS Injection. How to Inject Custom CSS Codes to your Form. You can use the following if you'd like to position it on top.

    .form-error-message {

    top: -100px !important;

    width: 140px;

    }

    .form-error-arrow {

    top: 26px;

    left: 120px;

    transform:rotate(180deg);

    -ms-transform:rotate(180deg); /* IE 9 */

    -moz-transform:rotate(180deg); /* Firefox */

    -webkit-transform:rotate(180deg); /* Safari and Chrome */

    -o-transform:rotate(180deg); /* Opera */

    }

    Result:

    Let us know if you want further changes. Thank you!