Let’s move on to looking at the Thesis Classic Responsive Media Queries in Thesis 2.3. We are going to take a crack at changing up the header and writing some new media queries rules. That starts really in just Skin CSS. Classic Responsive has 3 different media queries. It has the non media query version
The first thing we are going to talk about is backing up and restoring using the Thesis 2.3 data manager. Once you’ve setup a skin so that all its templates are the way you want them to be, you can come over here to the data manager and you can create a new backup. Let’s
What we are going to do give the default Thesis Classic Responsive an updated look. This is the customization that we have done so far to date on Classic Responsive. It has a page width look. What people are doing much more often these days instead has horizontal appearing strands that span from one edge
The next thing I want to talk about is template specific CSS using the Thesis body classes. In the last seminar we added this background color to the sidebar but we did it in such a way that it actually applies to every single instance of that container class. We actually have some places where
Next we are going to talk about creating and using variables in Thesis 2.3. Let’s go over to the Skin Editor. The first to say about this is you don’t want to change these variables. Because if you make a change in this variable it’s just going to get thrown away the next time you
We are going to take a brief look at the Thesis code editor before we move on to working on creating and using variables in Thesis 2.3. But before we go over there I would like to draw your attention to this Resources menu item on my website. Under Resources/Articles if you scroll down here
We are going to start at the very beginning by looking at the Thesis 2 file structure because the Thesis file structure is somewhat different than a typical WordPress theme structure. And I’m going to show it to you here in an FTP client. This is the FTP account for the site that we’ve been
Thesis 2.3 is the perfect WordPress Theme for Web Designers because it is infinitely customizable and it gives you very powerful developer tools that make creating websites over and over again easy. You can standardize your skins, design palate and set up defaults that you can implement repeatedly. Here you will learn about the File Structure, the Code Editor, creating and using variables and how to use template specific CSS with Thesis body classes. You will also learn how to restructure the layout of a skin, learn skin data management and work on responsive behavior in this seminar. These videos are available to free members.
Before we go on to the last topic in this Thesis 2.3 for DIY Website Builder seminar, we have a question that I’d like to answer. It is “If you make a change to one of your containers on a template do all of the other copied templates reflect that change. So when you copy
I have two tools that I’m on the verge of releasing. One of them is a Responsive Columns box and the other one is a Style Manager box. I’ll show you a site that has used these tools. This site here is a Thesis Classic site but it doesn’t look anything like a Thesis Classic
Now this shows you something interesting. I think I’d rather show it to you in the responsinator. Let’s go back to the Home page and then over to responsinator. Add the url. Let’s go to an incognito window so we don’t get the admin bar and the like. That’s what the site looks like now.
The next thing we are going to do in this Thesis 2.3 for DIY Website Builders seminar is to add styling to the Thesis Classic Responsive menu. Right now that menu spans all the way across. If you hover your mouse over this you can see that spans all the way across. We are going
Now I want to add some background images and color to the Thesis Classic Skin. So we’re going to start off in Skin Design with this. I’m going to take this interior backgrounds out of here. And then let’s really, really lighten it up. Save design options. Let’s take a look at the site, flush
The next thing we are going to do in This Thesis 2.3 for DIY Website Builders seminar is to remove all the borders. We are going to get rid of these borders here on the pages. I have some code snippets for you that work in Thesis Classic Responsive. Come over and click on Resources
We just added a widgetized two column Feature Box to the front page in Thesis 2.3. In the left column we added a slider but the right hand column is empty and we need to put in an email optin form. But first we have to add the box for that. The way you install
Next you’ll learn how to add a widgetized Feature Box to the front page using the Thesis 2.3 Skin Editor. Essentially what that means is that we are going to put a two column feature box below the menu and above the content. Then we’ll put a slider in one side and an email optin
Just as we moved the text box out of specific templates, we also want to do something similar with the byline. We want to remove it from pages but not posts. This is going to show you an example where the content of a box doesn’t change even though the box itself is used elsewhere.
We just moved the menu below the header image in Thesis 2.3 in the Skin Editor.The next thing we are going to do there is to remove the text box from the Posts and the Archive template but not from any other template. Before I do that I want to come over to the Dashboard
Now that you’ve gotten an introduction to the Thesis 2.3 Skin Editor we are going to begin customizing templates. During our Introduction to Thesis 2.3 seminar someone asked how to move the menu below the header image in Thesis 2.3. So that’s going to be our first task. Let’s come over here and take the