A friend of mine complained that he is finding it difficult to adjust the column and width of his blog template. He downloaded a template from freshlife blogger templates and the manual column and width adjustment on blogger that can be done by clicking on template > template design does not apply to this kind of template unlike when you are using already built in blogger templates.
So here is how to adjust the column and width of such templates manually :
#main-wrapper{width:490px;padding-top:10px;padding-left:20px;padding-right:5px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #lsidebar-wrapper{width:190px;float:left;padding-top:0px;padding-left:10px;margin-left:0px;margin-right:5px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #rsidebar-wrapper{width:190px;float:right;padding-top:0px;padding-right:10px;margin-left:5px;margin-right:0px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ #main-wrapper{width:490px.....change the 490px to a number of your choice for main template width. #lsidebar-wrapper{width:190px;float:left...change the 190px to a number of your choice for left sidebar. #rsidebar-wrapper{width:190px;float:right...
change the 190px to a number of your choice for right sidebar. If you find any problem, let us know by dropping your comment.
- Log in to blogger
- click on template
- click on html just beside customize
- click on format template to expand template widget
- then press ctrl + F and look for the code below :
#main-wrapper{width:490px;padding-top:10px;padding-left:20px;padding-right:5px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #lsidebar-wrapper{width:190px;float:left;padding-top:0px;padding-left:10px;margin-left:0px;margin-right:5px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #rsidebar-wrapper{width:190px;float:right;padding-top:0px;padding-right:10px;margin-left:5px;margin-right:0px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ #main-wrapper{width:490px.....change the 490px to a number of your choice for main template width. #lsidebar-wrapper{width:190px;float:left...change the 190px to a number of your choice for left sidebar. #rsidebar-wrapper{width:190px;float:right...
change the 190px to a number of your choice for right sidebar. If you find any problem, let us know by dropping your comment.
A friend of mine complained that he is finding it difficult to adjust the column and width of his blog template. He downloaded a template from freshlife blogger templates and the manual column and width adjustment on blogger that can be done by clicking on template > template design does not apply to this kind of template unlike when you are using already built in blogger templates.
So here is how to adjust the column and width of such templates manually :
#main-wrapper{width:490px;padding-top:10px;padding-left:20px;padding-right:5px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #lsidebar-wrapper{width:190px;float:left;padding-top:0px;padding-left:10px;margin-left:0px;margin-right:5px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #rsidebar-wrapper{width:190px;float:right;padding-top:0px;padding-right:10px;margin-left:5px;margin-right:0px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ #main-wrapper{width:490px.....change the 490px to a number of your choice for main template width. #lsidebar-wrapper{width:190px;float:left...change the 190px to a number of your choice for left sidebar. #rsidebar-wrapper{width:190px;float:right...
change the 190px to a number of your choice for right sidebar. If you find any problem, let us know by dropping your comment.
- Log in to blogger
- click on template
- click on html just beside customize
- click on format template to expand template widget
- then press ctrl + F and look for the code below :
#main-wrapper{width:490px;padding-top:10px;padding-left:20px;padding-right:5px;float:left;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #lsidebar-wrapper{width:190px;float:left;padding-top:0px;padding-left:10px;margin-left:0px;margin-right:5px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ } #rsidebar-wrapper{width:190px;float:right;padding-top:0px;padding-right:10px;margin-left:5px;margin-right:0px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */ overflow:hidden;/* fix for long non-text content breaking IE sidebar float */ #main-wrapper{width:490px.....change the 490px to a number of your choice for main template width. #lsidebar-wrapper{width:190px;float:left...change the 190px to a number of your choice for left sidebar. #rsidebar-wrapper{width:190px;float:right...
change the 190px to a number of your choice for right sidebar. If you find any problem, let us know by dropping your comment.
Comments
Post a Comment