Contempo Theme - Hiding Post Footer at Homepage/Index Pages

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.
New Blogger responsive themes for example Soho, Contempo, Emporio & Notable exposes some useful features for Blogger users to personalize their blog designs with using CSS.

Below is a collection of our simple & easy tweaks/workarounds for the newer responsive Blogger themes which was marked useful or best answered by users.

Contempo Blogger Theme Tutorial Hide Post Footer

This would be an archive of questions & answers which was originally written by our team members for our personal reference & for others who may find this article when searching on the internet.

Question: Help to hide on the home page: comments, reactions and location for Contempo theme.

Related Theme: Contempo Blogger Theme

Difficulty Level: Beginner & Intermediate

It is a bit challenging to edit the theme codes in Edit HTML as a lot of areas need to be covered. The easiest way is to use CSS. Go to Theme > Customize > Advanced > find Add CSS and at Add CSS box insert below CSS:-

.post-footer-line {

.item-view .post-footer-line {
  display : block!important;

Preview changes and click Apply to Blog

Note: Using this, all available blog post footer links/options will be hidden and only available on your Posts and Pages.

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