在我的Tumblr 博客中,除了帖子本身之外,不同元素的位置都很好。现在,帖子符号(帖子标题左侧的黑白小图标)与其上方的主徽标对齐。我想要做的是使帖子(以及页面顶部和底部的页码选项卡等其他内容)更宽,从而将符号进一步向左移动并将帖子的左边缘与他们上方的主要标志。
要了解我的意思,请查看下图所需结果的图片(您可以将其与当前设计进行比较)。
我该如何进行这些更改?
编辑 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;
}