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

Got It!

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

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