Hi all,

When you want to use ReCaptcha on your forum you may feel that it does not quite fit your style, there is an easy way and a hard way to adjust this... below I will describe the easy way:

For this example I will choose black pearl because this is the style my own forum theme is based upon...

Open styles/black_pearl/template/captcha_recaptcha.html and find:
Code: [Download] [Hide] [Select]
var RecaptchaOptions = {
lang : '{LA_RECAPTCHA_LANG}',
tabindex : <!-- IF $CAPTCHA_TAB_INDEX -->{$CAPTCHA_TAB_INDEX}<!-- ELSE -->10<!-- ENDIF -->
};

replace it with:
Code: [Download] [Hide] [Select]
var RecaptchaOptions = {
lang : '{LA_RECAPTCHA_LANG}',
theme : 'blackglass',
tabindex : <!-- IF $CAPTCHA_TAB_INDEX -->{$CAPTCHA_TAB_INDEX}<!-- ELSE -->10<!-- ENDIF -->
};


Open the styles/black_pearl/template/theme/stylesheet.css and at the bottom paste the following on a new blank line:
Code: [Download] [Hide] [Select]
/* === reCaptcha corrections === */

#recaptcha_table {
background-color: #121212;
}

#recaptcha_response_field {
color: #FDC400;
background-color: #111111;
font-family: Verdana, "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
}

#recaptcha_response_field:hover {
color: red;
background-color: #232323;
}


To also make it look the same in your ACP-example open... adm/style/captcha_recaptcha.html in there replace the same as described in the first two code boxes above!!
And make the same stylesheet changes in... adm/style/admin.css

That's all ...you can now purge the cache to complete this job :wink:

Styles you are allowed to use are:
blackglass, red, white and clean

Enjoy,
...Joshua203