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

时间:2014-06-20 17:42:30

标签: 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;
}

提前致谢!

2 个答案:

答案 0 :(得分:2)

.main-inner课程中,padding-top:35px表示Firebug。如果你操纵这个值,你可以把间隙缩小到你想要的任何距离。

答案 1 :(得分:0)

将此添加到您的CSS

.region-inner.main-inner{
    padding-top: 0px;
}

或者将其设置为您选择的较小值。但这是你需要操纵的CSS属性。