Skip to content

Use inline-block on procaptcha wrapper so it inherits form alignment - #851

Merged
dannyvankooten merged 1 commit into
ibericode:mainfrom
prosopo:prosopo-procaptcha-alignment-setting
Aug 12, 2026
Merged

Use inline-block on procaptcha wrapper so it inherits form alignment#851
dannyvankooten merged 1 commit into
ibericode:mainfrom
prosopo:prosopo-procaptcha-alignment-setting

Conversation

@forgetso

@forgetso forgetso commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Originally I added a Left/Center/Right toggle so users could work around themes (e.g. Woodmart) that center the surrounding form but leave the captcha widget hard-left:

image

Simpler fix: change the <mc4wp-procaptcha> wrapper from display: block to display: inline-block. Block-level elements ignore text-align on their parent; inline-block elements honor it. So the widget now inherits whatever alignment the surrounding form uses, and no user-facing setting is needed.

Verified locally against left/center/right parents with the real Prosopo widget.

The wrapper was display:block, which meant themes that centered the
surrounding form (e.g. Woodmart with text-align:center) still rendered
the widget hard-left. Switching to display:inline-block lets the parent
form's text-align propagate to the widget without any user-facing
setting.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@forgetso
forgetso force-pushed the prosopo-procaptcha-alignment-setting branch from cf1267b to bba9812 Compare August 10, 2026 12:53
@forgetso forgetso changed the title Add alignment setting to Prosopo Procaptcha integration Use inline-block on procaptcha wrapper so it inherits form alignment Aug 10, 2026
@dannyvankooten
dannyvankooten merged commit bb1bf55 into ibericode:main Aug 12, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants