How to Add Featured Post Inside Feature Box of Thesis Theme

Thesis theme 1.6 has two similar features as feature box and multimedia box. By default multimedia box available above the sidebars. If you don’t want multimedia box you can remove with help of this link. In this video tutorial explains about two things first how to enable feature box and second how to display featured posts inside the feature box.

Feature box is a great feature of thesis 1.6. You can add whatever you want inside the feature box by using the hook thesis_hook_feature_box. You can use feature box as a welcome box for your visitors and you can also convey your wishes during the festival seasons using this feature box.

How to Enable Feature box

To enable feature box in thesis 1.6 go to wordpress admin. Select ‘design options’ under thesis options in left side of the wordpress dashboard. Here we have feature box section. shown in below image.

Enable feature box options

In this section you can enable feature box before content and sidebars or inside the content and above post then save it. you can also select feature box to display homepage only or all the pages. This tutorial I am enabled feature box above post and inside content. Now you can add post inside the feature box.

How to add featured article inside the feature box

To add featured post follow the below steps.

Step 1:

Copy and paste the below code in custom_function.php file by using ftp software.

/* To add featured post in feature box paste it in custom_function.php  *****/

function featurecontent() { ?>
<div id="my-feature-box">
<?php $my_query = new WP_Query('category_name=featured&showposts=2'); while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID;?>
<div id="my-feature-box1">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<?php the_excerpt(); ?>
<div class="featurereadmore">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Read the full article">Read the full article &rarr;</a>


<?php endwhile; ?>

add_action('thesis_hook_feature_box', 'featurecontent');

The above code I have used the category name as ‘featured’ and number of post to show inside the feature box is 2. If you want you can change it as 1 or 3 but when you change it you should adjust #my-feature-box1 width in the custom.css code. If you want one post  you should change width as 100%.

Step 2:

To style your feature box copy and paste the below code in custom.css file.

/* Featured Post Formatting */

.custom #feature_box {  padding:0em; }

.custom #my-feature-box1 { width:46%; padding-left:1em; }
.custom #my-feature-box,#my-feature-box1  {float:left;  font-family: Helvetica,Arial,sans-serif; color: #ffffff; background: #111; padding: 22px 15px 22px 15px; }
.custom #my-feature-box h2 { font-size: 2.2em; margin: 0 0 15px 0; }
.custom #my-feature-box h2 a,#my-feature-box a  { color: #fff; text-decoration: none; }
.custom #my-feature-box h2 a:hover { color: #fb0; }
.custom #my-feature-box p {color:#fb0;  font-size: 1.5em; line-height:1.5em; text-align: justify;}
.custom #my-feature-box .featurereadmore { padding: 22px 0 0 0; }
.custom #my-feature-box .featurereadmore a { font-size: 14px; text-decoration: none; }

The above code you can change text color, background and etc.

Step 3:

Create a category in the name of ‘featured’ in your wordpress dashboard. For this select ‘categories’ under posts in dashboard here you can create your featured category.

Then add some posts in this category which will display in the feature box. If you have more than two posts in this featured category the feature box will display latest two posts in the same category. Once you done these three steps your feature box will shown like the below image.

Featured post inside feature box

Share your experience in comment section. For more checkout our all Thesis theme tutorials..

{ 71 comments… add one }

Leave a Comment

  • aviationMY January 21, 2010, 8:24 PM

    Hai Pascal,

    i am seriously need your can respond to me via email if its too long..

    so my problem is:

    I use all of your tutorial on how to customize and change thesis look..BUT it is only works in Mozilla Firefox’s browsers only…!!!!

    when i open my website in my friend laptop using a Google Chrome and IE8 my website look so ugly!

    its all turns to be upside down…all mess up..what i saw in Firefox, i not saw it in IE or Chrome maybe Opera or Safari…no sidebars, padding all over the way…to be short, everything look so mess up!!

    help me if i need to do something with it…only Firefox can handle my customization in ship shape right now…

    i only do customization in custom_function.php and custom.css…like you did in your tutorial

    i am pretty sure all (maybe beginner)thesis user facing the same problem..even i open somebody’s site using thesis only for navigation padding to the right flush with the content also mess up in IE…

    i open your site in all major browser..and its look nice like open in Firefox…

    hope you can respond to me or maybe you want to put it in your tutorial

    hope for your reply to me ASAP…

    thank you!

    • Pascal January 21, 2010, 9:26 PM

      Hi Our tutorial codes working for us and other thesis users also. It doesn’t work only for you. Give your site link so that i can resolve the issue.


      • aviationMY January 21, 2010, 9:42 PM

        thank you!!

        tell me if you need anything to fix this problem…

        • Pascal January 21, 2010, 9:56 PM

          Ya. I checked it is good in firefox but not in IE and Chrome. Our codes doesn’t make such problems to others. It seems your some other customization codes did this problem. Anyway, I will find what is the issue as soon as possible and notify your here.

        • Pascal January 21, 2010, 10:42 PM

          Hi i checked your site in IE, to solve this problem, you have to remove the codes for the below footer images (MIAT and mybloglog-reader community) then it will work fine in IE and also i think you have added some codes in footer scripts. If you want those images create widget in footer then place it. If you got any problem contact us via contact form.

          • aviationMY January 22, 2010, 6:11 PM

            hi pascal, how is the progress now?

            • Pascal January 22, 2010, 6:42 PM

              I spend 5 hrs to resolve the issues in your site. Finally i found the problem.
              Deactive linkwithinthecode plugin. This plugin’s javascript only make your sidebar disappear in Ie and chrome.

        • Pascal January 21, 2010, 9:58 PM

          Hi Send your entire codes in custom_function.php and custom.css

  • Sergio January 22, 2010, 2:23 AM

    Thank you Pascal, it works very very well :-)


    • Pascal January 24, 2010, 8:30 PM

      Glad it worked well.

  • aviationMY January 22, 2010, 11:53 PM

    Hi Pascal.

    Thank You for tweaking and fixing my site…it such a pleased feeling to have a friend from different country help me to build a better site with Thesis theme.

    Now , i believe that Thesis is the best SEO theme ever with the ease of customization.

    it worth to subscribe to fourblogger .com since the daily updates and the tutorial here are just nothing can’t be found anywhere except only in

    The tutorial here with complete visual instruction and video aid make the Thesis customization was so easy!

    Your fast responds to your subscriber problem make you are the friendly admin i ever met.

    Anyway, thank you for your help..will contacting you as soon as the site has finish customization.

    best regard,
    aviationMY –>

    • Pascal January 24, 2010, 8:20 PM

      Hi Aviation,

      Thanks for encouraging words. Hope I have been building our blog for Thesis, Wordpress, Blogging, Social media video tutorials in a better way.

  • Rebekah April 1, 2010, 4:36 AM

    I followed your instructions and it’s showing up twice…both as a feature box and as a post. It is only categorized as Featured. What’s going on?

    • Suresh April 1, 2010, 9:07 PM


      can i know your blog url… we are checked the code in another site it is working fine…

  • Scotty V April 8, 2010, 9:08 PM

    This tutorial worked great, but was hoping you could help with a few quick questions.

    1. Is there a way to get an image into this? If I post one, it does not show up here.
    2. Is there a way to stop the featured post in the box to not show up as a teaser also?

    I appreciate the help.

    • Suresh April 9, 2010, 2:33 PM

      You can use dynamic content gallery plug in to to customize your feature post as your wish…

  • Wojtek April 22, 2010, 9:39 PM

    How do I get entire post, not just excerpt in feature box?
    I still want to limit it to a specific category.


    • Suresh April 23, 2010, 9:16 AM


      In custom function code change the_excerpt() into the_content(). It will show entire post.

      • manu May 11, 2010, 7:31 AM

        Hi Suresh,
        Thank you for your help, I have done as directed….you can have a look here:

        My questions are:
        1. Why are the featured posts showing up one below the other and not side by side?
        2. How can I disable linkedwithin and share this widget?

        Many thanks for your help…really appreciated…

        • Suresh May 11, 2010, 3:57 PM

          hai manu,

          To disable linkedwithin and share this widgets..
          go to plugins section in wp-admin and click on installed plugins here deactivate those two plugins linkedwithin and share this ..

          for you first question you site link is shown error..i will check it and tell you..

  • manu May 11, 2010, 1:55 AM

    Thanks for the tutorial. Is there any way I can display the entire post instead of just the teaser?

    • Suresh May 11, 2010, 3:50 PM

      hai manu,

      There are two ways to display entire post in featured post..
      In wp admin
      go to ‘thesis options’ and select ‘home page display’. here select ‘Number of featured posts to show’
      one or two..

      then go to display options section
      select ‘post’ here choose entire post in feature box or only excerpt…

      This is a default way provided in thesis this method you can use recent posts as featured post..
      This works only if you are enabled feature box in ‘design options’..
      to enable this go to design options and select ‘feature box’ in the drop down you can choose your feature box..

      If you want to pick any one previously published post as featured post use our tutorial…

  • Manu May 11, 2010, 1:43 PM

    I have implemented your code. Thank you.
    Why are the featured posts placed one below the other and not side by side?
    How do I remove the linkwithin and sharethis widgets from the featured posts? Many thanks.

    • Suresh May 11, 2010, 4:51 PM

      hai manu,

      I checked your site via google.. because if I add www before your domain name it will not redirected to your site. your site shows only check this problem…

      Now If you added feature box according to our post guide lines.. I checked you site.
      in your custom.css file one close brace is missed in above the feature box code. that
      this part ul#context_submenu li { close brace is not there..

      so first add close brace } then,
      paste below code in custom.css file and remove previously added feature box css code. This code you can change background color and etc.

  • Iseng Ngeblog May 24, 2010, 10:43 AM

    Thanks, i just looking for to create featured post and i found here

  • Gustavo June 10, 2010, 1:47 AM

    Hi, great tutorial!
    One question though. What if I want to show the whole post (not an excerpt) on the Featured Box? What changes should I do to the code?

    Also, I’d like to show only one post in Featured, not two. Should I just change the number 2 to 1 the custom fuction or should also change the CSS?


    • Suresh June 10, 2010, 10:41 AM

      hai Gustavo,
      change number of posts show as 1
      and for excerpt, to show full post in featured post.
      In custom functions code replace the_excerpt() with the_content()

  • joe June 10, 2010, 8:25 AM

    how do i go about adding the comment count in the featured box quote. I tried adding the comment code myself but it throws all the comment counts on the main page off by one record/post. Meaning comments counts for post #9 show the comment counts for post #8 and so on. Im thinking something has to be added to the query code you wrote.

    Any help?

    • Suresh June 10, 2010, 11:25 AM

      hai Joe,

      go to thesis options.
      select home page display.
      and set number of featured post to show as one..
      the under the display options select ‘posts’ here enable the check box ‘Display post excerpts’

  • Eli June 23, 2010, 4:33 AM

    Hi Pascal,

    I have used your code before and it as worked great for me, but i cant seem to get this to work. After flowing everything I cant get the box to show up. Is there anything I should check for?

    • Eli June 23, 2010, 6:59 AM

      Never mind. I found my mistake. I have a static home page and didn’t change it in the featured box.

      • Pascal June 23, 2010, 10:44 PM

        Hi Eli, Glad you found it.

        Is there any other help you need?

        • eli June 24, 2010, 11:00 PM

          The post thumbnail wont show up. What should I do?

          • Pascal June 25, 2010, 4:37 AM

            Follow this tutorial here

            You can also get more thesis info here. Join our 3 months program

            • eli June 25, 2010, 6:12 PM

              I did everything in the tutorial for 3 hours last night and still cant get it to work. Does it matter that its a static page?

              • Pascal June 27, 2010, 1:48 PM

                I saw your site. I think you delete that code. It’s not found and only i find only content box code.

  • Brain June 26, 2010, 3:41 PM

    I have tried your code. Every thing is fine except the two featured posts are shown in one column only and the other side i.e the 2nd column is empty. I do not know how to dispaly the two featured posts into to two columns in the featured box. Please help.

    • Pascal June 27, 2010, 3:00 PM

      brain ,
      your site link?

  • sajjad July 11, 2010, 1:21 AM

    Dear Suresh,
    How can I add a thumbnail/post image in my featured post.

  • Hieu Martin July 12, 2010, 3:14 PM

    nice tips. but seem have much people dont know how to add images to feature box

    • Pascal July 20, 2010, 11:07 PM

      Hi Hieu, Do you need feature box work? Contact me via contact form. Thanks.

  • AACA July 17, 2010, 7:13 PM

    Also would like to know how to enable thumbnail image in the featured box. Thumbnails are working for teasers but not for feature box.

    • Pascal July 20, 2010, 10:56 PM

      Hi, Contact me via the contact form. Thanks.

  • tia July 31, 2010, 2:46 AM

    I want to know how to show images in the featured posts box from content, not from html code in excerpt box.


    ps. I can’t find your so-called contact form, so email me or use this.

  • Christian October 8, 2010, 11:09 AM

    Hi, I’ve been browsing your blog and have found all the info I need to build a kick-ass blog. So far I love my site, which I started a week ago.
    However, I have a question I couldn’t find an answer to here in fourblogger.
    How do I display my FULL POSTS on my homepage? It seems like only two of them show images and the others turn into excerpts at the bottom. I have marked display 10 posts on Thesis configuration but I want them as full posts not excerpts.
    Please help me.
    Thank you!

  • Joe October 22, 2010, 8:38 AM

    Excellent post. Your tutorial was very helpful and was just the information I was looking for.
    Best wishes for continued success!


  • Summer Camps October 30, 2010, 6:10 PM

    You you should make changes to the webpage subject title How to Add Featured Post Inside Feature Box of Thesis Theme to more generic for your webpage you write. I loved the blog post withal.

  • jp November 7, 2010, 7:35 PM

    I want to create a multiple feature box like yours in the homepage,are there any codes available?appreciate your help

  • DJ ARIF November 16, 2010, 7:06 PM

    Please Help Me, I am using thesis theme. But it’s not working for me! Please Help!

  • windows server performance November 29, 2010, 11:28 PM

    I just thought I would let you know that it looks like your RSS feed is not working right.

  • peyank January 23, 2011, 9:00 AM

    your tutorial is rock brother but i want ask ? can you give some example for make page on thesis with rounded.

    • Pascal January 25, 2011, 8:09 AM

      Currently we do not create tutorials but you can make use of services.

      contact us through contact form to hire us to get done any thesis customizations. thanks for commenting.

  • Anonymous February 1, 2011, 6:35 AM

    Thanks for this post, it is a good enhancement, i will try to implement this on my site.

  • rishan February 8, 2011, 6:15 PM

    Hi, I tried to use the codes provided in this tutorial but I didn’t get the same result it only shows 1 article per column, I wanted it to show 2 articles per column like what’s shown in this tutorial, please help. thanks.

  • prestamos February 19, 2011, 10:45 PM

    I have the same troble that comment rishan,there’s any other avaible solution?

  • vijay April 11, 2011, 5:47 AM

    Hi your this tutorial is wonderful and i have successfully applied this code to my website and it is working fine. I just want to know instead of post if I want to write something there permanently but not as a post. Or how can i place the image slider code into feature box
    I am new bee and trying to give good look to my website please help me out here
    As a reference if you see

  • Aldrin June 3, 2011, 4:44 PM

    Hi, Your code is very great and really cool! Im just wondering if how i could display it after content?

    Here’s the site i am working:

    You will notice here that the feature box is before content.

    Please help :)

    • admin June 3, 2011, 5:04 PM

      Just add hook function “after_content”

      • Aldrin June 3, 2011, 5:08 PM

        Yes, i tried it. Paste the code after content but It says error. Please try it. please help i need your genius idea :)

  • Lisa H. June 27, 2011, 2:38 AM

    Thank you for providing this solution.
    The code works except the image that shows up in my feature box is not the correct one. It is the image from the latest post. Any ideas how to correct this?

    Because it is the incorrect image, I have disabled the feature box until I can get it resolved. Thank you

  • Chandana July 2, 2011, 7:02 PM

    These tutorials are great while working with thesis

  • Stefan September 18, 2011, 5:52 PM


    THis is a good thing. I want to recreate it as follows on page ( Can you help me, please!

    best regards

  • jeb September 18, 2011, 11:49 PM

    Working great, thank you.
    However, I’d like to add a post image, full size centered above the excerpt inside the feature box. Is that something you can help me do? I tried using your CONTACT form but it doesn’t work for me. Never submits, just keeps processing endlessly.

    Thanks again for a great tutorial.


  • Yasmin Fu December 31, 2011, 3:35 AM

    Thanks for the article post. Really Great.

  • Jadon Bolden December 31, 2011, 4:12 AM

    Really enjoyed this post. Really Great.

  • Praveen January 22, 2012, 8:56 AM

    I wish to buy Thesis theme for my tech blog. How much it would cost? Is it worth buying Thesis? Because to keep the site unique we need to use unique theme. Pls suggest

    • Pascal January 22, 2012, 6:18 PM

      Thesis Theme is recommended. costs 87$ for Single and 164$ for Multiple sites. For unique look, you will have to use Thesis Skins or customize yourself or hire some one.

  • hafiz uddin February 1, 2012, 9:34 PM

    These tutorials are great while working with thesis. However, I’d like to add a post image, full size centered above the excerpt inside the feature box. Is that something you can help me do? I tried using your CONTACT form but it doesn’t work for me. Never submits, just keeps processing endlessly.

  • serge March 3, 2012, 11:20 PM

    Hi, nice tutorial here.

    For those who have little experience with custom_functions.php – you guys have these videos as well :


  • Shekhar June 19, 2012, 12:00 PM

    A Very detailed article…thnks a lot Pascal. You made my job very easy.