Follow the below steps to make your blogger blog template fit any screen resolution:
- In your Blogger Dashboard go to Template >> Edit HTML
- Search for text .content-outer, .content-fauxcolumn-outer, .region-inner { and you will find the below lines of codes.
.content-outer, .content-fauxcolumn-outer, .region-inner { min-width: $(content.width); max-width: $(content.width); _width: $(content.width); } - Replace the above lines of codes with the below line of codes:
.content-outer, .content-fauxcolumn-outer, .region-inner { min-width: 1000px; /*$(content.width)*/ max-width: 1280px; /*$(content.width)*/ _width: 80%; /*$(content.width)*/ }
- you can change the highlighted value for a suitable margin.
- Click on the ‘Save Template’ button and see the changes in the browser, you can see the preview also before saving the template by clicking on the ‘Preview Template’ button.
Last Updated: May 12, 2020
Related Posts
- How To Change Widget Title Background On Blogger
- How to Add Adsense Ads Between Blog Post and Comment Box in Blogger
- How to Enable Search Description for Blogger and Blog Posts
- How to reduce space between header and pagelist widgets in blogger
- Remove Empty Space Left on Top After Removing Navbar in Blogger
- Show more than 200 comments on Blogger Page or Post
- How to Split or Divide Blogger Header in Two Parts?
- How To Show Post Title Before Blog Title in Blogger?
- How to add a gadget above header in blogger?
- How to reduce space above the Title in Blogger
- How to reduce space between Title and Description in Blogger
- How to customise Read More link in blogger
- How to reduce space between gadgets in Blogger?
- How to add Recent Posts Slider with images for Blogger?
billy
SO YOU LEAVE THE SECOND HALF (/*$(content.width)………..
in place????
min-width: 1000px; /*$(content.width)*/
DbAppWeb Admin
Yes, you are correct.