【问题标题】:Wordpress Woocommerce texts too close to each otherWordpress Woocommerce 文本彼此太近
【发布时间】:2018-10-12 10:22:24
【问题描述】:
我已经使用 Wordpress、主题 Ellie 并使用 Woocommerce 插件建立了我的在线商店。
问题是文本“查看购物车”和“结帐”在 2 个不同的位置彼此太近:页脚和购物车小部件在商店页面上。那里出了点问题。
商店页面
页脚
https://senjacosmetics.com/shop/
如果你能提供帮助真的很高兴!我试图研究这个但没有找到任何东西。我不是开发人员,因此无法独自进行。
【问题讨论】:
标签:
css
wordpress
woocommerce
【解决方案1】:
这只是一个小的 CSS 问题。您可以通过添加一些 css 规则轻松解决它。
您可以在主题的样式表中添加以下 css 规则,或者如果您的主题支持自定义 css,则通过该功能。
.woocommerce-mini-cart__buttons a.checkout{margin-left:15px;}
"woocommerce-mini-cart__buttons" 是分配给包含两个链接的“p”标签的类。 “checkout”是分配给“Checkout”链接的类之一。
您可以将“15px”的值更改为您想要的任何值,具体取决于您希望两个链接之间的空间大小。
以下是截图供您参考。我将 css 规则添加到开发者控制台中的结帐链接。
希望这会有所帮助。