Wordpress Woocommerce文本彼此之间过于接近

时间:2018-10-12 10:22:24

标签: css wordpress woocommerce

我已经在Wordpress,主题Ellie和使用Woocommerce插件的基础上建立了自己的网上商店。

问题是“查看购物车”和“结帐”这两个文本在两个不同的地方过于接近:“商店”页面上的页脚和购物车小部件。那里出了点问题。

商店页面

Shop page

Footer

https://senjacosmetics.com/shop/

真的很高兴能为您服务!我试图对此进行研究,但没有发现任何东西。我不是开发人员,所以不能自己进行。

1 个答案:

答案 0 :(得分:1)

这只是小CSS问题。您可以通过添加一些CSS规则轻松解决此问题。 您可以在主题的样式表中添加以下css规则,或者如果您的主题支持自定义css,则可以通过该功能添加

.woocommerce-mini-cart__buttons a.checkout{margin-left:15px;}

woocommerce-mini-cart__buttons ”是分配给'p'标签的类,其中包含两个链接。 “ checkout ”是分配给“ Checkout”链接的类之一。

您可以根据两个链接之间的空间大小,将“ 15px”的值更改为所需的值。

以下是屏幕截图,仅供参考。我在开发者控制台的结帐链接中添加了CSS规则。

enter image description here

希望这会有所帮助。