Add Broder Around the Posts in Thesis To Make it More Stylish

October 26, 2010 Bilal Ahmad

In this week i shared some thesis customization tutorials for Thesis users. As some of you already know about Thesis, a wonderful SEO, Fast, Rocking and Dashing wordpress theme. It has a lot of features in term of coding, designing and functions. Here are some previous tutorial for thesis users to have a look on it.

Buy Thesis Now

In this tutorial part of thesis customization series i will show you how to customize teasers or home page posts. I just applied the code on a demo blog and want to show you the screen shot. Have a look on it.

You can customize the borders according to your blog style, but make sure that teaser feature is ON for your blog. Other wise the code will not work. To make teaser On Go to Dashboard>Thesis>Design Options> and Home Page Display Option. From here Features and Teaser select 8. Save Settings.

How to Add Border Around Posts in Thesis?

Add Code in Custom.css file

/* Style the First (or Only) Post */
.custom .post.top {
   background:#FFFFFF none repeat scroll 0 0;
   border:15px double #666666 !important;
   margin:1em;
   padding:2em;
}

/* Style Remaining Posts (in a Multi-Post Listing) */
.custom .post.post_box {
   background:#FFFFFF none repeat scroll 0 0;
   border:15px double #000000;
   margin:1em;
   padding:2em;
}