is it possible to change the size of the Recaptcha answer box on the contact us form ?

Open to all! Ask other shopowners for help.
cerberus
Member
Posts: 78
Joined: Sun Sep 06, 2026 10:54 pm
Phoenix Version: v1.1.0.7
Has thanked: 20 times
Been thanked: 6 times

is it possible to change the size of the Recaptcha answer box on the contact us form ?

Post by cerberus »

Hi all,

Is it possible to change the size of the Recaptcha answer box on the contact us form ?

I have just installed the Recaptcha addon, and the text for the capture is a bit bunched up, so I wanted to shrink the box where you put the answer to allow more room for the recaptcha text instructions to spread out a bit, see image.

I have managed to shrink the box down where you enter the capture answer but I cannot get it to align to the right so there is more room for the recaptcha instructions text.

This is the CSS code I used to shrink the box for the capture answer, I changed the 75% to 55% (maybe this is incorrect and I should not do it this way?) :

.col-sm-9 {
flex: 0 0 auto;
width: 55%;
}

Screenshot 2026-10-01 173920.png


Also I see in the back office there is a section under modules for the Contact Us form (called Modular contact_us), but it has nine settings (A through to I) so am I supposed to adjust the box sizes here ? if so what one is it ? (as their are only four areas for text plus the capture reply box on the contact page)

Screenshot 2026-10-01 174603.png

Maybe what I am asking is not as simple as I think ?

Thank you.
You do not have the required permissions to view the files attached to this post.

Tags:



Join The Code Co-op to get access to your library in the Code Co-op Forum
User avatar
burt
Core Team
Posts: 4718
Joined: Tue Oct 29, 2019 9:37 am
Phoenix Version: v1.1.0.8
Has thanked: 277 times
Been thanked: 464 times

Re: is it possible to change the size of the Recaptcha answer box on the contact us form ?

Post by burt »

That addon Maths Captcha is made for Bootstrap 4 I believe, so it will look funky as your site is Bootstrap 5.
Functional wise, it should work though.

At some point I might have enough time to release a new Bootstrap 5 version, but that won't be anytime soon.
Gratis addons are right at the bottom of my list of to-do's.

Like this:

[ 22 + 9 = ?? Type the answer 31 ____________________ ⓘ ]

A bit like how the other input fields look.

--

Get rid of that CSS code as you will be affecting every col-sm-9 site wide.

--

Don't mess with the modular contact_us thing, just stick with default settings for now.

cerberus
Member
Posts: 78
Joined: Sun Sep 06, 2026 10:54 pm
Phoenix Version: v1.1.0.7
Has thanked: 20 times
Been thanked: 6 times

Re: is it possible to change the size of the Recaptcha answer box on the contact us form ?

Post by cerberus »

Understood, and thankyou for explaining :)
It works as it is and will do the job :)



Join The Code Co-op to get access to your library in the Code Co-op Forum
Post Reply