Form CSS to Fix the Required Field Label

Leanne_Persang
Level 4

Form CSS to Fix the Required Field Label

Could anyone help me with the CSS to fix the required label on a form or point me to some resources? It is not aligning under the field and I would like to change the bold red color. Thanks!

pastedImage_0.png

3 REPLIES 3
SanfordWhiteman
Level 10 - Community Moderator

Re: Form CSS to Fix the Required Field Label

Please provide a URL that's hosting this form.

Leanne_Persang
Level 4

Re: Form CSS to Fix the Required Field Label

Thanks Stanford, here is the URL (page is still in production): http://us.msasafety.com/altairgrid

Anonymous
Not applicable

Re: Form CSS to Fix the Required Field Label

The CSS element you're looking for is here:

.mktoForm .mktoError {

    position: absolute;

    z-index: 99;

    color: #bf0000;

}

You'll want to change it to:

.mktoForm .mktoError {

    position: relative;

    z-index: 99;

    color: #[insert hex code you want here];

}

Also, you can fix the "first name" label stacking by going here:

.mktoForm .mktoLabel {

    width: 76px !important;

}

And changing it to:

.mktoForm .mktoLabel {

    width: 80px !important;

}

Hope this helps!