Broken CSS styling BuddyBoss login

  • I’m using your great Turnstile plugin on my BuddyBoss site. On the login page however the Turnstile element has a margin-left of -15px, causing the element to be out of line with the rest of the form. It would normally be a simple fix on my end, but styling the element using CSS does not seem to work. The element just won’t accept any styling using the .cf-turnstile div class. The div ID is dynamically generated on each refresh so that also is not an option.

    Strangely enough I also did some styling on the BuddyBoss registration page for the Turnstile element there, and that works fine (the margin-left was okay on the registration page, it just needed some margin-top).

    Hopefully you can remove the “margin-left: -15px” from the code so this is solved for everybody or have some tips on how to style it from my side.

    View post on imgur.com
Viewing 1 replies (of 1 total)
  • Thread Starter passieee

    (@passieee)

    Hi Elliot,

    My topic was marked as ‘Resolved’, however after updating the plugin today the issue remains the same. There is still an inline style “<style>#cf-turnstile-xxxxxxxxx { margin-left: -15px; }</style>” with the xx’es dynamically generated.

    Targeting either the div or the class to override it in my custom css, for example with:
    [div^=”cf-turnstile-“] { margin-left: 0px !important; } or .cf-turnstile { margin-left: 0px !important; } do not work.

    Is there something I’m overlooking?

    Kind regards

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.