How to reduce left margin on blogger

问题

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

But you can see there's so much white space on the left, how do I reduce this? I tried googling some stuff about editing the html or adding a css code, but none of it worked.

This is the css I tried, and it didn't look like it changed anythin

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

回答1:

change the .centered-bottom and post-sidebar class width.

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

if you don't want to have padding for .post-sidebar u can remove it.

.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 */
}

Final output:

回答2:

It looks like sidebar (.post-sidebbar) is causing the main content to shift to the right. If it works, you can position it elsewhere so that your content gets more space.

OR

You can override the css of .centered-bottom, and add margin-left: 100px (Change the number as per your need) to it.

来源：https://stackoverflow.com/questions/57835565/how-to-reduce-left-margin-on-blogger