Streaming live at 10am (PST)

Recaptcha not centering on publish


#1

Anyone else having trouble getting the new recaptcha to center on exports? It looks correct in Webflow and the quick preview browser however when published it defaults to left alignment.


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Hi @Bradley_Byrd

Thanks for posting. Can you provide some more information?

How are you centering the recaptcha component? What sites are you seeing this issue occur in – only this project or multiple projects? Can you send me the site Read-Only links please? Any screenshots are also helpful.

Could you also please let me know what browser version you’re using by sending me your information from this page?

There should be a small share link when you visit the page which you can send to me.

Thanks in advance!


#3

Also having this issue… here’s my link… https://preview.webflow.com/preview/ohcov?preview=83790f9bf68a2c2c0d6b241f6bac5dc4


#4

Hi @LJGPhotography

Can you please provide answers to the above questions? This will best help us find any issues if there are any happening here – thanks in advance!


#5

The only way I could see to centre the captcha component was to click ‘centre element’.

It’s only this project that I have used a reCaptcha.

Using the latest version of chrome. Also tested on another machine.


#7

Hi @LJGPhotography @Bradley_Byrd

I did some more testing on this end and was able to see the issue. It looks like using the center element button works in the Designer, but not on the live or exported site:

I’ve reported this issue to the team and we will dig into this further to see if we can find a solution.

In the mean time you can center the racaptcha component like this:

  1. Add a div block to the form
  2. Nest the RECAPTCHA component inside of the div
  3. Add a class name to the div and set it to flexbox – justify: center; align: center
  4. Save, then publish (or export) the project

GIF showing these steps:


#8

Thank you! That is working for now.