html - 最小化标题图像和博客文章之间的空间

标签 html css padding

我想缩小我的标题图片和博客内容之间的空间,特别是在我最近的帖子的日期/标题条目的正上方。我该怎么做?

站点是:http://www.studywithstyleblog.com

下面是部分代码:

.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
.header-inner .Header .descriptionwrapper {
padding: 0 $(header.padding);
}

.date-header span {
background-color: $(date.header.background.color);
font-size: 12px;
color: $(date.header.color);
padding: $(date.header.padding);
margin: $(date.header.margin);
}
.main-inner {
padding-top: $(main.padding.top);
padding-bottom: $(main.padding.bottom);
}
.main-inner .column-center-inner {
padding: 0 $(main.padding);
}
.main-inner .column-center-inner .section {
margin: 0 $(main.section.margin);
}
.post {
margin: 0 0 $(post.margin.bottom) 0;
}

提前致谢!

最佳答案

在你的 .main-inner 类中有一个 padding-top:35px 说 Firebug。如果您操纵此值,您可以将间隙最小化到您想要的任何距离。

关于html - 最小化标题图像和博客文章之间的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24332848/

相关文章:

CSS——避免重复

css - div 缺少填充

javascript - 使用 AES Crypto-JS 进行加密和解密无法正常工作

html - 如何在 Angular 服务中创建html模板并将其用作htmlTemplateRef?

javascript - CSS 和 JScript 的谷歌浏览器问题

jquery - 将 CSS 应用于表格的第一个和最后一个 TH

html - div 的 top-padding 与它上面的 div 无关

android - 如何向 Android 的 RecyclerView 添加一个简单的 8dp 页眉/页脚?

javascript - 在canvas html中绘制线条

html - 如何防止图片叠加不可点击