Code for Blogger Theme to Change Inside Pages

I was able to get an inside page to appear with no header or share button by putting this line in the theme HTML, just after the <body> tag, with the other lines similar:

<b:class cond='data:view.isPage' name='page-view'/>

This changed the inside page <body> tag to look like this:

<body class='page-view item-view'>

Then I added to the custom CSS I had at the top of the template CSS, before "body":

.page-view .page header.centered-top-container {
  display: none;
}
.page-view .post-share-buttons {
  display: none;
}

I didn't use the "Add CSS" in the Theme Customize section because the field was empty where I had some rules in there before.

I used the guidance provided at the Blogger Help Forum, at the thread Can you apply css to posts and pages, without affecting the homepage layout?

Code

Code for Blogger Theme to Change Inside Pages

Comments

Post a Comment