我怎样才能使*仅*更广泛的帖子?

时间:2013-09-06 15:05:46

标签: html css tumblr

在我的Tumblr blog中,除了帖子本身之外,不同元素的位置都很好。现在,帖子符号(帖子标题左侧的小黑白图标)与它们上方的主徽标对齐。我想要做的是使帖子(以及页面顶部和底部的页码选项卡等其他内容)更宽,从而将符号进一步向左移动并使帖子的左边缘与他们上面的主要标志。

要了解我的意思,请查看下面所需结果的图像(您可以将其与当前设计进行比较)。

enter image description here

如何进行这些更改?

1 个答案:

答案 0 :(得分:0)

编辑screen.css并根据我的评论进行更改:

.post, .strip {
clear: both;
position: relative;
padding: 20px 0 0 100px;//change this to 20px 0 0 0;
width: 500px; //width to 600px;
border-bottom: 1px solid #e5e5e5;
}

.body {
width: 500px; //width to 600px;
}
.post a.icon {
display: block;
position: absolute;
top: 20px; 
left: 0; // this to -100px;
width: 32px;
height: 32px;
}

同时添加此选项可使面板顶部的页面更宽:

#page-strip {
position: absolute;
left: 100px; //to 0px;
top: 13px;
width: 400px; // to 600px;
height: 5px;
background: #e5e5e5;
-webkit-border-radius: 2.5px;
-moz-border-radius: 2.5px;
border-radius: 2.5px;
}