Question

在我的WooCommerce web site上，主菜单与“产品”页面上的内容之间缺少空格。

我找到了任何设置来调整它。我不熟悉PHP，我可以在Wordpress编辑器中打开文件并进行更改而不会破坏某些内容。

如何在“产品”页面上的菜单和内容之间添加空格？
请帮我理解如何做到这一点。

感谢。

Answer 1

您应该在主题styles.css文件中添加以下CSS规则：

.woocommerce-page .sections_group {
    margin-top: 24px;
}

.woocommerce .sections_group,
.woocommerce-page.woocommerce-account .sections_group {
    margin-top: 66px;
}

这将在标题菜单和内容之间添加必要的空格：

第一个规则目标购物车和结帐页面
第二个目标Woocommerce归档页面（作为商店），单个产品页面和帐户页面

你可以微调空间，改变每个像素的像素数。

Answer 2

将此关键字&nbsp与任何标记（例如pagragraph标记或div标记）一起使用，这将创建一个非中断但新行

在菜单和Woocommerce产品页面上的内容之间添加空格？

2 个答案: