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

【问题标题】：Add space between the menu and the content on Woocommerce products pages?在 Woocommerce 产品页面上的菜单和内容之间添加空格？
【发布时间】：2018-06-05 13:08:03
【问题描述】：

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

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

如何在“产品”页面上的菜单和内容之间添加空格？
请帮助我了解如何执行此操作。

谢谢。

【问题讨论】：

标签： html css wordpress woocommerce css-selectors

【解决方案1】：

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

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

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

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

第一条规则针对购物车和结帐页面
第二个目标是 Woocommerce 档案页面（作为商店）、单个产品页面和帐户页面

您可以微调空间，改变每个像素的数量……

【讨论】：

【解决方案2】：

将此关键字 &nbsp 与任何标签（如 pagragraph 标签或 div 标签）一起使用，这将创建一个不间断但新的一行

【讨论】：