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

问题描述 投票:1回答:2

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

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

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

谢谢。

html css wordpress woocommerce css-selectors
2个回答
1
投票

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

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

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

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

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

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


-1
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.