Build Your Own Business Website header image

Upgrade a Thesis 1.8.5 Site to Thesis 2.1 Using the Classic Responsive Skin – Part 9 – Setup Single Template

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Whoops, you've found some premium content!

Watch the opening clip of this video to preview it,
the full video is available to paid members.

At this point in our upgrade from a Thesis 1.8.5 to Thesis 2.1 site, we’ve completed the setup of the Front Page Template and the Page Template. So, the next thing we want to do is set up our Single template.

Configure Header Area

Let’s come back over here to the Thesis Skin Editor and go to our Single template and we need to do the same thing we’ve done to our Header. So we shift+drag Nav Menu into Header, come over here and get the Header Widget Area and add it, shift+drag it and drop it into Header.

Configure the Footer Area

Next we’re going to construct the footer. So we do the same thing we did before, Footer Top add box, Footer Bottom add box, Footer Top Widget Area add box; shift+drag Footer Widget Area into Footer Top, shift+drag Bottom into Footer and top into Footer and save that template.

Configure Design and Content Options

Let’s come over to the Blog and look at one of the posts to compare what she’s got this one looking like. Let’s look at over here…so the header of this is orange and we come over to this the header is not orange. And I almost think that maybe the secondary text. It is, okay.

Let’s go to our Design Options. Actually, let’s go to our Content Options first and under Post/Page Output we’ve already turned off categories and tags. We’re going to leave date, we’re going to leave author, we’re going to leave number of comments so I guess that’s actually already setup.

So then, we come over to Design and look at our Headlines, and what she using? She must be using the Century Gothic there again so we’re going to come back to that one. Yeah, Century Gothic but in the absence of that; Century Gothic and orange.

Let see the font size; well, let’s just double check. Inspect the element, that is how big? 24 pixels. So, we come back over here and say 24 pixels and the text color was the link color; so shift $link, say okay to that, save it, refresh it, it must be links not link. So, we go to Custom CSS for a second and it is links, right; okay.

Well look at that it’s not going to take variable in there. Okay, so let’s just grab this color then. Color is copied to the clipboard, so we come back over here to the Headlines and we’ll paste the color. Okay, there we go, we got the footer set up and we got that part set up.

0 Comments… add one
0 comments… add one

Leave a Comment