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

Learn how to AMP'd your blog with valid AMP HTML Blogger theme framework. Visit Blogr-AMP Theme and AMPaction Theme. No 3rd party application. Compatible with published posts. Quick in search & on any devices.
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.

Soho Blogger Theme Align Post Header Remove Share Icons

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
New shopping cart widget for Blogger blogs -- transform your blog & sell products using your blog posts instantly! Visit Add Shopping Cart Widget Page to learn more.

Interesting Related to this Topic at Irsah inDesigns Blog

Got It!

Data submitted via comments collected & stored by the respective providers.

Read our Privacy Policy to learn more on data management & protection.

DISQUS With Us!