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

Posted 2021-04-18

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

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

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

谢谢。

答案

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

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

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

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

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

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

另一答案

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