Full page blogger css

How to show only content on blogger page
<style>
  @media only screen and (min-width: 1025px) {

    #sidebar-wrapper,
    #midsidebar-wrapper,
    .gapad2,
    .blog-pager,
    .post-header-line-1,
    .post-footer {
      display: none !important;
    }

    #main-wrapper {
      width: 150% !important;
      /*98% default*/
    }

    .post {
      width: 150% !important;
      /*98% default*/
    }

    #comments {
      width: 150% !important;
      /*98% default*/
    }

    .post-title,
    .post-labels,
    post-icons,
    post-author {
      display: none !important;
    }
  }
</style>

OR

<style scoped="" type="text/css">
	#outer-wrapper {
		margin: 0 auto;
		text-align: left;
		float: none;
		background-position: center !important;
	}
	#post-wrapper {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		text-align: left;
		float: none;
		background-position: center !important;
	}
	.post-body,
	.post {
		background-position: center !important;
	}
	#blog1,
	#artikel,
	.blog-posts {
		background-position: center !important;
	}
	#comments,
	#sidebar-wrapper,
	#menu-wrap {
		display: none;
		margin-top: 0;
		margin: 0;
	}
	.post-inner {
		padding: 0 0 0 0;
		margin: 20px auto;
	}
	.post-body ul#wrapin {
		display: block;
		position: relative;
		margin: 30px auto 0 auto;
	}
	.post-body ul#wrapin li {
		display: block;
		margin: 0 auto;
		text-align: left;
	}
	.post-body ul#wrapin br {
		display: none;
	}
</style>
Preview

Comments

Popular posts from this blog

Install deb package via Termux

How to Make Blogger Safelink Converter v3

List of weapon buff materials, effects and how it can be durango wild lands