如何减少博主的左边距

Question

I don't have any experience with html or css, I recently started my blog: https://nataliaputilova.blogspot.com/2019/09/blog-post_50.html

但是你可以看到左边有很多白色space，我该如何减少呢？我尝试用谷歌搜索一些关于编辑 html 或添加 css 代码的内容，但 none 有效。

这是我试过的 css，它看起来没有任何变化

.content-outer {
    margin-left: 10px;
}

Answer 1

侧边栏 (.post-sidebbar) 似乎导致主要内容向右移动。如果有效，您可以将其放置在其他位置，以便您的内容获得更多 space.

或

您可以覆盖 .centered-bottom 的 css，并向其添加 margin-left: 100px（根据需要更改数字）。

Answer 2

更改 .centered-bottom 和 post-sidebar class 宽度。

.centered-bottom, .centered-top {
    width: 90%;  /*change this */
}

如果您不想为 .post-sidebar 添加填充，您可以将其删除。

.post-sidebar {
    box-sizing: border-box;
    display: block;
    font: normal 400 14px Montserrat, sans-serif;
    padding-right: 20px; /*Remove this if u don't want to have padding */
    width: 70px;   /*change this */
}

最终输出：

如何减少博主的左边距

How to reduce left margin on blogger

html

css

blogger