Question

The recaptcha i’m using have a built-in css of

#recaptcha_area, #recaptcha_table {
  width: 318px !important;
}

I see this when I use firebug.

My problem is
how can I override the built-in width? I’ve tried to place css code on my stylesheet like

#recaptcha_area, #recaptcha_table { 
  width: 207px !important;
}

but it doesn’t work. Is there other way to override?

Answer 1

You should avoid using !important to override things.

You can’t tell the recaptcha what it’s width should be; however, you can specify a maximum width instead:

#recaptcha_area, #recaptcha_table { 
  max-width: 207px;
}

Note thought this might break the recaptcha area.