如何在不实际删除所需描述的情况下使用“描述”部分删除这个大“差距”答案

【问题标题】：How can I remove this large 'gap' with the 'description section, without actually removing the needed description如何在不实际删除所需描述的情况下使用“描述”部分删除这个大“差距”
【发布时间】：2020-05-16 00:36:47
【问题描述】：

我整天都在努力解决这个问题，但是当我尝试更改子主题来实现这一点时，已经达到了我的代码知识限制。

这是显示我的网站当前显示内容的图像，旁边是所需结果的图像。

What I have VS What I want

我尝试使用在 Stack Exchange 上找到的一些 sn-ps 代码删除 Woocommerce 描述，但没有成功。我想删除间隙，即描述标题，但必须保留描述框本身，因为这就是页面底部允许选项卡的原因。

这是页面本身的链接，我可以找到并隔离间隙并使用 html 修复它，但我不知道这与 CSS 有何关系（我是新手）链接：https://folduptoys.com/product/space-garden-playset/

这是当前的设置方式，我使用的是突出主题，“产品标签位置”设置为“图片下全宽”。

任何帮助将不胜感激。谢谢x

-亚历克斯

【问题讨论】：

标签： wordpress woocommerce

【解决方案1】：

以下是可行的方法，但重要的是要注意，如果出现其他选项卡，例如“属性”或“维度”，它们将可见，但“描述”选项卡将不可见。因此，您必须考虑是否希望它以这种方式工作。

发生了两件事，首先，标签菜单上的边距很大。顶部为 70 像素，底部为 50 像素。在我看来似乎太大了，但我早就放弃了猜测 Salient 的开发人员为什么要做任何事情。

第二件事是隐藏“描述”标签。如果其他选项卡最终出现，它们会显示在它的位置。

div.product .woocommerce-tabs .full-width-content[data-tab-style="fullwidth"] ul.tabs{
     margin:0 auto;
}
#tab-title-description{
     display:none;
}

如果您想要完全删除选项卡导航，这意味着如果存在其他选项卡，则没有人能够看到/访问它们，所以除非您还修改选项卡内容布局，否则这不是一个好主意他们都显示，然后用它来隐藏整个栏。

div.product .woocommerce-tabs .full-width-content[data-tab-style="fullwidth"] ul.tabs{
     display:none;
}

【讨论】：

您好 Tony Djukic，非常感谢您为我提供的帮助！我明白了，有没有办法改变菜单选项卡上的 70px 和 50px 边距？我一直在试图找到一种方法来让它在儿童主题上起作用，但这有点超出了我的水平。我可能做错了什么，但是当我将您提供的代码放入样式表时，似乎没有任何改变。 -亚历克斯:)