Soho Theme - Adjust & Align Post with Header & Remove Share Icons

Customizing new responsive Blogger themes recently released Soho, Emporio, Notable & Contempo can be (a bit) tricky since that it uses a lot of responsive CSS utilities & added newer Blogger theme data tags.

This Blogger theme customization depends on your personal preference, where the tutorial may or may not work for you -- as-is. But it should start your responsive Blogger theme custom layout as most of the basic indicators is available for your fine tuning.

Update: Blogger Team have improved the new responsive theme collection and added blog page widths adjustments made available via Blogger Theme Designer > Advanced > Widths options.

Below tutorial provides the fundamentals on how to further customize these newer Blogger responsive themes.

Below is a collection of our simple easy tweaks & workarounds used & applied on Blogger default themes which was marked useful or best answered by Blogger users.

This is an archive of original answers curated by our team members in our journey to continue supporting Blogger users.

The information here is for reference & for others who may find this article when searching on the internet to further enhance their default Blogger themes using easy to use & apply techniques.

How Do You Adjust the Post to Align with the Header on Soho Blogger Theme?

Difficulty Level: Beginner & Intermediate

You can try this -- add your custom CSS at Blogger Theme Designer, here's how:-

• go to Theme
• click Customize
• select Advanced
• find Add CSS
• at Add CSS box add below:-

@media screen and (min-width: 1024px) {
  .post-sidebar {
    width: 70px;
  }

  body.item-view .widget.Blog .post {
    width: auto;
  }

  body.item-view .widget.PopularPosts,
  body.item-view .post-outer-container .inline-ad,
  #comments {
    margin-left: 70px;
    width: auto;
  }
}

.post-sidebar .post-share-buttons {
  visibility: hidden;
}

• Preview changes
• Click Apply to Blog

Reference Blogger Theme Tutorial