如何將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複選框移到右側？

回答

相關問題