如何增加帖子之间的空间?

时间:2014-12-21 22:47:04

标签: image space blogger

我对HTML代码一无所知,而且我正在使用我在互联网上找到的'Galauness Blogger Theme'。我改变了一些不太难的东西,我目前唯一不喜欢我的博客的事实是看起来错误的标题属于错误的博客帖子。

如果您访问我的网站,看起来第二行文字属于第一行图像,但事实并非如此。

有人会介意帮助我a)减少文本和图像之间的空间或b)增加第一行图像和第二行文本吗?

我的网站是www.lemontierres.com

提前谢谢

1 个答案:

答案 0 :(得分:0)

可以减少标题和图像之间的空间,但可能会变得复杂。原因是CSS中的每个标题的高度设置为40px,填充为10px。您可以在选择器.post h3的css中找到它。如果高度:40px;将被删除,它看起来更好,因为目前所有的标题只有一行,但如果一个标题有2行,每行中的三个条目将不再对齐 - 固定高度注意保持一切对齐。
要在条目之间留出更多空间,可以为包装元素添加填充 - 例如每个条目都包含在一个包含posthentry类的div中,因此添加

.post.hentry {
  padding-bottom: 30px;
} 

会在每行之间添加更多空格 我注意到在最外面的包装器中添加填充 - 带有类date-outer的div - 会导致奇怪的结果,但将其添加到.post.hentry似乎可以正常工作。