How to convert thesis two column teaser into one column

Thesis theme framework is really a nice system for the WordPress blogging platform. Thesis theme provides a lot of possibilities, options, modifications, hooks and tweaks to customize it as per your tastes and likeness. Thesis theme default layout comes with one column full width featured post followed by the two column teaser where you can display rest of your posts on the main page. You may wish to convert thesis them two column teaser layout into a full width one column layout. If this is the case it is a very simple tweak. Go to the thesis theme custom file editor and edit the custom.css file. Now add the flowing CSS code into this file.

/************One column teaser*******/
.custom .teaser {
width: 100%;
margin-top: 2em;
padding-top: 2em;
border-top: 1px dotted #bbb;
text-align: justify;
}
.custom .teasers_box {
padding-top: 0;
padding-bottom:0;
border-top: 0;
}
/**********One column teaser code***********/

Click the big save button and you are all done. Now reload your website in the browser and you will find a single column layout of your thesis them teaser posts. If you want to revert back to the original two column layout simply remove the above code from the custom.css file. Hopefully the above mentioned code will work nice with your blog. It is always recommended to backup your theme, full WordPress installation and its database before making any small or major change.

You may also like related posts:

Comments on this entry are closed.