1 reply [Last post]
imaginex
imaginex's picture
Offline
newbie
Last seen: 6 years 29 weeks ago
Timezone: GMT-8
Joined: 2013-01-24
Posts: 2
Points: 4

Hello

I am having an issue with styling the error message of my contact form on my site. Everything looks fine except the error message, which I want to be in white text but it stays blue.

My page is bankruptcycanada.com/free-confidential-evaluation.php and if you, for example, put in an incorrectly formatted email address will bring up the error message when trying to submit the form. The error message is:

The following corrections are required:
Please provide a valid email address.
The "The following corrections are required:" text is coded in white, which is proper however the "Please provide a valid email address." text remains in blue and should be white.

My CSS file is located at bankruptcycanada.com/css/desktop.css

I would appreciate some feedback. Thanks in advance.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 15 weeks 6 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

validationalert class is overridden

See

li {     /* line 10 */
  color: #013277;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  list-style-position: inside;
  margin-bottom: 20px;
  margin-right: 0;
  padding-right: 0;
  text-align: left;
}

You'll need to do something like this:

ul.validationalert li {
  color: white;
  }

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.