Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
Locked
0

Is it possible to adjust the reCaptcha v2 width?

Explorer ,
Oct 15, 2017 Oct 15, 2017

Hi,

I am pretty sure this can not be done, but is there any way to change the styling of the reCaptcha v2 module in Business Catalyst? I just want to be able to change the width so that it fills a div, max-width:380px.

I posted this question about a week ago but I'm not sure that it registered with the forum as I can not find it and haven't received any replies.

Cheers

Grant

7.3K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 15, 2017 Oct 15, 2017
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 18, 2017 Oct 18, 2017

I don't think any such options are built in, but you can influence it's appearance with css and js. It would just be a pain in the neck to implement.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Oct 18, 2017 Oct 18, 2017

If you actually look at the link to the documentation I posted you would see you can for the BC ones and recaptcha

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Oct 19, 2017 Oct 19, 2017

According to the documentation Liam posted, BC specifically allows you to choose between two sizes for recaptcha: normal & compact.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
May 09, 2018 May 09, 2018

You just change this code in the module tag:

{module_captchav2,LightBlue,#FF3300,220,36}

Module_catpchav2,background color, text color, width, height

module_captchav2 | Business Catalyst Developers

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 12, 2018 May 12, 2018

May not be the best solution, but works on most updated browsers...

.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 13, 2018 May 13, 2018

Or just use the width and height options available in the module:

module_captchav2 | Business Catalyst Developers

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
May 13, 2018 May 13, 2018

I understood the question to be concerning recaptcha v2

Screen Shot 2018-05-13 at 9.41.43 PM.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
May 15, 2018 May 15, 2018
LATEST

which is the same

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines