Build Your Own Business Website header image

What’s New in Thesis 2.0 Part 10 – Add a Feature Box to the Front Page

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to add a slider and text to the Front Page using a feature box. We begin by showing how to add the Feature Box and add columns and widgets to it. We add some text to the Feature Box and for a rotating slideshow we add the Meteor Slides widget to it.

There’s one other thing I wanted to show you that we can do in Thesis 2.0 and that is to add a slider to this. We’ll add a slider to the front page.

Add the Feature Box

Come over to HTML. And we’ll go to our front page and we’re going to create a whole new thing. We’re going to create a feature box. It’s going to be a new container. We’ll call it feature box. We’ll add the box and then we’re going to create a new container again. It’s going to be feature box columns. Add the box again. Then we’re going to create a new container. We’re going to call it feature box left. And then another container which we’ll call feature box right. So feature box columns will go into feature box. Feature box right will go into columns. Feature box left will go into columns.

Add a Widget

Now we’re going to create a new container. We’ll create a new widget and this is going to be feature box widget. We’ll add that. We’re going to shift that and put it into feature box. Shift and drag it into feature box left.

Add a Text Box

And then we’re going to add a new text box and it’s going to be feature box text. We’ll add that box, come on over here.
This is the information I want in that. This is essentially our hours of operation so I’ll copy that, come over in my text box and paste it. And then drag that up into the position to the right then we’re just going to drag this up and drop it into container. Drag the container down, drop it below header and save the template.

Add Meteor Slides to Feature Box Widget

Let’s come on over to our widgets. And now you see our feature box widget shows up. And I’m going to grab our Meteor Slides widget which I already have configured, drop it into place, come back over to Barking Chihuahua, refresh it and… oh, I forgot to put column 1 and column 2 in these things. Feature box left is C1 and feature box right is C2 and feature box columns is columns 3 2. It’s the same as the one we’re using on the page. Now we can save that template, refresh the template and it takes on all those styles.

Now we have rotating slides and a feature box. Obviously, we can style this to make it better. We can shift content around. Hopefully you can see that everything in the world can be styled here and yet that feature box is not on our main page. It’s not on our reviews page. It’s not on our blog page. It’s just on our front page.

6 Comments… add one
6 comments… add one
  • Brad Crowell December 20, 2012, 1:42 am

    Rick, why put two boxes inside a box inside a box? Or, in other words, why put Feature Box Left and Right inside Feature Box Columns inside Feature Box? Why not just have Feature Box Left and Right directly inside Feature Box and assign the coulmns_32 Package to Feature Box?


    • Rick Anderson December 23, 2012, 9:46 am

      You could do it that way. For simplicity’s sake I always place a column wrapper within a context container.

  • Sherry January 31, 2014, 11:18 am

    I get an error message that the “play stream is not found.” Is this an issue on my end or yours? I’d love to watch this tutorial.


    • Rick Anderson February 16, 2014, 9:07 am

      Sherry, this is generally a server issue – thus on my end. However refreshing the screen or opening it up in another browser usually fixes it.

  • G August 29, 2014, 8:38 pm

    I can’t get it to open in ANY browser without the stream error.

    • Rick Anderson August 30, 2014, 7:41 am

      I’m sorry about that – it seems to be working fine now. However you are watching the videos for Thesis 2.0 and not 2.1 – is that what you intended?