Checkbox covers text

  • Resolved nine chances west

    (@nine-chances-west)


    7 years, 4 months ago

    I’m using Theme Isle theme with Woocommerce.
    In checkout, I’ve tried several shortcodes to get the text to move to the right of the checkbox.
    Right now, it’s showing: ” e read and accept the terms & conditions * ”
    The checkbox lies atop the I’v text.
    In page source, I see, “I’ve”. When I copy and paste from the page itself to this comment box, it shows, “I’ve”. When I view the page as the customer would, I see, “e”.
    In other themes, it displays properly.
    I prefer Shop Isle. Seems unprofessional to sell websites while leaving this error, but I’ve considered it. Any idea how to move the checkbox or the text?

Viewing 4 replies - 1 through 4 (of 4 total)

  • Please post the url for your site.

    Thread Starter nine chances west

    (@nine-chances-west)

    https://9cw1.com/checkout/

    Thread Starter nine chances west

    (@nine-chances-west)

    It’s easily found in Page Source.
    I cannot find it using the plugin editor.
    If I cannot find it and review its construction, I cannot adjust the code in a child theme.

    Thread Starter nine chances west

    (@nine-chances-west)

    I posted twice. I thought I posted once in WooCommerce support and once in Shop Isle support. Lorro resolved my issue on the other post (https://www.ads-software.com/support/topic/where-is-code-for-terms-and-conditions/#post-9374329):

    lorro (@lorro)
    10 hours, 50 minutes ago
    The code is in:
    wp-plugins/woocommerce/templates/checkout/terms.php

    unless you have a theme template override, in which case the relevant file is:
    wp-content/your-theme-name/woocommerce/checkout/terms.php

    The link is not live, but I loaded up Theme Isle and got the same problem. The custom css to fix it is:

    .wc-terms-and-conditions .woocommerce-form__label-for-checkbox span {
    margin-left:20px;
    }
    .wc-terms-and-conditions .woocommerce-form__label-for-checkbox span.required {
    margin-left:4px;
    }
    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Checkbox covers text’ is closed to new replies.