Store
Community Documentation

v3 Knowledgebase

How to Change the ReCaptcha Style and Font

If you want to change the look of your reCaptcha form you can do this within the AdminCP.

AdminCP >> Settings >> Manage Settings >> Captcha (I go here because I can also change the font)

First go here to see the default styles or to get style tips.

Now we will select one of the default templates shown, White for this tutorial.

recaptchawhite.jpg

You will note that on the page linked for the styles it says what code to add. For this white style we will add the following code:

<script type="text/javascript">
 var RecaptchaOptions = {
    theme : 'white'
 };
 </script>


So we put that in our spot for it like the image shows:

recaptchacode.jpg

If we are done we click to submit but if we now want to change the font too, we need to first find a font and there are some good ones here ensure to get a ttf font and most are.

Once you download that font, unzip it and use your favorite ftp program to upload the ttf font to your server in the following location:

/static/image/font/

You then select it as this image shows (I chose and uploaded the tipografia font):

recaptchafont.jpg