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

时间:2017-09-19 04:00:04

标签: php wordpress woocommerce conditional-statements

[![在此处输入图像说明] [1]] [1]

我已尝试使用某些css,但这不是php文件。现在,复选框覆盖了句子的前两个字母,显示为:e阅读并接受条款&条件*尝试在结帐页面付款时。请帮助我使用仪表板上的自定义css>外观>自定义> WP中的其他CSS

<?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' ); ?>

1 个答案:

答案 0 :(得分:1)

请尝试以下代码,它可能会解决您的问题。

<?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' ) ) ); ?>

在这里,我将&nbsp;用于单个空格,将文本向右移动。