【问题标题】:How to reduce space gap between header menu and main content body?如何减少标题菜单和主要内容主体之间的空间差距?
【发布时间】:2017-04-18 22:41:02
【问题描述】:

我想知道如何减少博客标题后的空格。让我具体说一下,标题菜单之后和主要内容正文之前的空格。

我真的没有太多的CSS知识,但是看了主题海量的CSS代码后,有点懵,决定不玩代码了。所以,这里需要一点帮助。

如果我错过了任何信息,请告诉我。

【问题讨论】:

  • inspector 里面说了什么?它是填充,减少填充,你会减少间隙
  • 当前在这个类中 .td-main-page-wrap padding-top 是 40px 你需要在你的自定义 css 文件中减少并添加 .td-main-page-wrap { padding-top: 20px ; }

标签: html css wordpress header


【解决方案1】:

您要做的是设置页眉或正文的边距或填充。

您可以使用填充或边距,这取决于您想要获得的视觉效果。

要获得更快的结果,您可以:

  1. 在您链接的网页中,右键单击要更改空间间隙的正文容器
  2. 在 css 代码检查器中查找:

    td-main-page-wrap { 填充顶部:48px; }

请注意,withe 空间是用该 attr 设置的。 例如,如果您在检查器中将其从 48px 更改为 0px,则会自动将页眉和正文内容间隔在一起。

之后,您将在您的 css 代码中更改它。搜索 td-main-page-wrap。 您也可以更改顶部、底部、右侧或左侧边距和填充。

修改模板的css时要小心,因为类或元素可能会在不同的视图中使用。以防万一您看到所有损坏:p

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-06
    • 1970-01-01
    相关资源
    最近更新 更多