如何在 Woocommerce 结帐页面中删除 "Hello Member"？

Question

我想在结账页面删除这个区域，但我的每一次尝试都没有奏效。我试着插入这个 CSS:

.avada-myaccount-user-column .username {
display:none;
}

这是 product 试图插入购物车的，用于测试目的。有人可以帮助我吗？

Answer 1

.avada-myaccount-user-column.username {
display:none;
}

用那个^。当您要定位 DIV 中的两个 类 时，它们之间没有空格可定位。如果它不起作用，可以使用自定义模板进行覆盖。有关主题覆盖，请参阅 https://docs.woocommerce.com/document/template-structure/。由于您使用的是高级主题，他们的支持应该能够为您提供帮助。如果您进行主题覆盖，您应该在子主题中进行，这样您就可以在更新发布时优雅地更新父主题。

Answer 2

.avada-myaccount-user-column .username 将不起作用，因为 .username 不是 .avada-myaccount-user-column 的子项。

将您的 CSS 更改为：

.avada-myaccount-user-column.username {
    display: none;
}

这个例子意味着第一个 class 需要第二个 class 才能受到影响。