Form CSS to Fix the Required Field Label | Community
Skip to main content
cjdst273
cjdst273
Level 4
May 11, 2017
Question

Form CSS to Fix the Required Field Label

  • May 11, 2017
  • 1 reply
  • 2504 views

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!

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

SanfordWhiteman
SanfordWhiteman
Level 10
May 11, 2017

Please provide a URL that's hosting this form.

cjdst273
cjdst273Author
Level 4
May 11, 2017

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

A
Anonymous
May 11, 2017

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!

Terms & ConditionsAccessibility statement

Loading footer...