仅在Blogger帖子页面上更改填充

时间:2017-12-25 03:18:00

标签: css width padding blogger posts

如何在Blogger中更改帖子正文部分的填充,但仅在帖子页面上,而不是在博客的主页上。

这是我要更改填充的代码:

 .post-body {
  font-family: 'helvetica neue', 'helvetica', arial, sans-serif;
  color:#0e0e0f;
  font-size:18px;
  line-height:25px;
  font-weight:normal;
  padding:0;
  margin:0;
  text-transform:auto;
  word-wrap:break-word;

  text-align:justify;
}

我正在将padding:0;更改为padding:0 40px 0 40px;

这里的问题是我在我的博客上使用网格/图库样式模板,当我使用上述方式更改填充时,它也会更改主页上帖子的显示。这是一个截图:

home page screenshot

我想要的是让我的帖子更窄,因为目前它们太宽,可能会让读者厌倦阅读并离开我的博客。

1 个答案:

答案 0 :(得分:0)

您可以使用data:view.isSingleItem检查当前页面是单个帖子还是页面。

</head>

之前使用以下代码
<b:if cond="data:view.isSingleItem">
    <style>
        .post-body { padding: 0px 40px 0px 40px; }
    </style>
</b:if>