【问题标题】: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 规则添加到开发者控制台中的结帐链接。

    希望这会有所帮助。

    【讨论】:

    • 该死的游客。
    • 感谢 Stender。欣赏它。
    猜你喜欢
    • 2021-12-19
    • 2021-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-03-30
    • 2022-06-13
    • 2014-09-14
    相关资源
    最近更新 更多