How To Show Thesis Post Teasers Horizontally in Home Page

Today I’m gonna show you a pretty simple tutorial of thesis theme. Do you want to change your home page/front page post teasers style. In previous talked about How to add thesis custom background?

So lets begin. Its very simple by changing your teasers width. In thesis teasers are set by default to be half the width of the main column, displaying 2 teasers per row. To change it vertically with full width please follow the instructions given below.

1. Log in admin area and Go to ‘Custom File Editor’
2. Now select custom.css menu
3. Copy & Paste the code inside it:   .custom .teaser { width: 100%; }
4. Now save your editing and refresh your website to see the changes

Thats it. You see how easy this thesis theme customization. Even you can edit it by creating your own design with CSS. I hope this Thesis tutorial will help you. If you like it share and any questions please drop a comments.

Tagged as: Thesis Customization, thesis teaser width, Thesis theme, Thesis Tutorial