我的woocommerce网站上的奇怪的CSS错误

时间:2016-03-08 10:38:08

标签: css woocommerce

我得到了一个奇怪的错误,我无法修理,看看这个页面: http://portofinocoffe.wpengine.com/cart/

你可以看到一个带有"凹凸"的绿色按钮。在它的顶部。 只有当我将padding: 0放到按钮上时,我才能删除它,但如果我想填充顶部怎么​​办? 为什么会这样?

谢谢!

编辑: 好的,我发现那里有一个导致问题的<br>,但我无法在代码中找到它。这里代码生成按钮:

<p class="return-to-shop">
    <a class="button wc-backward" href="<?php echo esc_url( apply_filters( 'woocommerce_return_to_shop_redirect', wc_get_page_permalink( 'shop' ) ) ); ?>">
        <?php _e( 'Return To Shop', 'woocommerce' ) ?>
    </a>
</p>

2 个答案:

答案 0 :(得分:1)

你的意思是这个按钮?

Button

<a class="button wc-backward" href="http://portofinocoffe.wpengine.com/%d7%97%d7%a0%d7%95%d7%aa/"><br>
        חזור לחנות  </a>

最后有<br>将其移至下一行。删除它,你就完成了。

答案 1 :(得分:0)

按钮的高度可能是这样的:

font-size: 16px;
line-height: 16px;

没有填充顶部和填充底部。

彼得