alignment of text is messy on checkout page

  • Unknown's avatar
    admindownia · Member ·

    Unsure how to fix the alignment on checkout page. There’s text overlapping the captcha and the country/region is misplaced.

    How can i adjust them?

    Self-declared URL: https://www.downia.com/checkout/
    Jetpack: Unknown
    WP.com: Unknown

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    sambaran71 · Member ·

    Hi, admindownia! I’ve reviewed your website and noticed some improvements that could be made. To fix the checkout page forms, you can add the following CSS script.

    .woocommerce-billing-fields p.form-row {
    width: 100% !important;
    }

    Additionally, for the reCAPTCHA issue, it’s recommended to use the latest version of reCAPTCHA, which should resolve the problem with captcha section overload.

  • Unknown's avatar
    admindownia · Member ·

    Hi Sam, thanks for the suggestion, I pasted the code at the bottom of the script and unfortunately, it didn’t change anything for the checkout page. I made sure to save on the style.css sheet and also waited 30+ mins for the site to update but no success.

    Also the reCAPTCHA should be the latest version currently as it was implemented on 27/09/24 by Conetix and had the alignment issue since it was implemented.

  • pauljacobson · Staff ·

    Hello @admindownia

    I see that your site is not hosted on WordPress.com and is what we refer to as a self-hosted WordPress.org site. You can read more about the difference between WordPress.com and self-hosted WordPress.org sites here: https://wordpress.com/support/com-vs-org/

    We offer support to WordPress.com sites in this forum so I recommend reaching out to our broader community for help with this issue in the community forum here, instead: https://wordpress.org/support/forum/how-to-and-troubleshooting/

  • The topic ‘alignment of text is messy on checkout page’ is closed to new replies.