如何将woocommerce复选框移到右侧？

-1

[！[在这里输入的形象描述] [1] [1]如何将woocommerce复选框移到右侧？

我试图用一些css，没有工作，这是php文件。此时，复选框将覆盖句子的前两个字母，其显示为：e在结账页面尝试付款时，请阅读并接受条款&条件*。请帮我用自定义css在仪表板>外观>自定义>其他CSS在WP

<?php 
if ($terms_content) { 
    do_action('woocommerce_checkout_before_terms_and_conditions'); 
    echo '<div class="woocommerce-terms-and-conditions" style="display: none; max-height: 200px; overflow: auto;">' . $terms_content . '</div>'; 
} 
?> 
<p class="form-row terms wc-terms-and-conditions"> 
    <label class="woocommerce-form__label woocommerce-form__label-for-checkbox checkbox"> 
     <input type="checkbox" class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" name="terms" <?php checked(apply_filters('woocommerce_terms_is_checked_default', isset($_POST\['terms'\])), true); ?> id="terms" /> <span><?php printf(__('I&rsquo;ve read and accept the <a href="%s" class="woocommerce-terms-and-conditions-link">terms &amp; conditions</a>', 'woocommerce'), esc_url(wc_get_page_permalink('terms'))); ?></span> <span class="required">*</span> 
    </label> 
    <input type="hidden" name="terms-field" value="1" /> 
</p> 
<?php do_action('woocommerce_checkout_after_terms_and_conditions'); ?>

来源

2017-09-19 Samuël

请尝试下面的代码，它可能会解决你的问题。

<?php printf(__('&nbsp;&nbsp;&nbsp; I&rsquo;ve read and accept the <a href="%s" class="woocommerce-terms-and-conditions-link">terms &amp; conditions</a>', 'woocommerce'), esc_url(wc_get_page_permalink('terms'))); ?>

这里我使用 作为单个空格将文本移动到右侧。

来源

2017-09-19 05:05:08 Tristup

谢谢你的工作！但有可能改变它与一些自定义的CSS？ https://wordpress.org/support/topic/where-is-code-for-terms/and-conditions/#post-9374329 –

我知道这将符合你的目的，但这不是正确的。对于正确的，我需要通过浏览器检查您的代码，如果可能请分享您的URL。 – Tristup

这将使用css：.wc-terms-and-conditions .woocommerce-form__label-for-checkbox> span { margin-left：20px; } – Tristup

如何将woocommerce复选框移到右侧？

回答

相关问题