0

So i've got Devise working quite as it should, although I've mustered up few pet-peeves with the standard look of the gem.

I've sorted out most of them but the last one that I can clearly identify is the red border when there is an error message. I've uploaded a screenshot to illustrate: https://i.stack.imgur.com/3e7H6.png.

How can one go about getting rid of that? or changing it to white, or blue or something?

So far the CSS code looks like:

.field_with_errors {
  display: block;
  clear: both;
margin: auto auto;
}

I've already tried background: white; and background-color: white; to no avail.

Himanshu
  • 31,810
  • 31
  • 111
  • 133
  • Can you open firebug and check the styles applied to the error div. You can right click on the element which has the red border in firefox, and say 'inspect with firebug' and check it. – manoj Feb 28 '13 at 06:08
  • Funny you say that, that is exactly what i did to find "field_with_errors". Just checked again and it says the following: .field_with_errors { background-color: red; display: table; padding: 2px; } –  Feb 28 '13 at 06:21
  • I've got it! Thanks for that input, I went back to look at the source with firebug and found out where that css file was . –  Feb 28 '13 at 06:29

1 Answers1

1

To remove the error message add following config to your config/application.rb

config.action_view.field_error_proc = Proc.new { |html_tag, instance| html_tag.html_safe }

To customize it further have a look at this SO thread Rails 3: "field-with-errors" wrapper changes the page appearance. How to avoid this?

Community
  • 1
  • 1
swapab
  • 2,402
  • 1
  • 27
  • 44