Contempo Theme - Hiding Post Footer at Homepage/Index Pages

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.

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 {
  display:none!important;
}

.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.

Reference