Build Your Own Business Website header image

Beginner

Understanding the Thesis Classic Responsive Media Queries

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Restructure the Layout of a Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Template Specific CSS with Thesis Body Classes

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

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

Creating and Using Variables in Thesis 2.3

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Using the Thesis 2.3 Code Editor

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Thesis 2.3 File Structure

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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 for Web Design Professionals

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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.

If you Make a Change to a Box in One Template does that Change Exist in the Other Templates?

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

BYOB Thesis Style Manager – BYOB Responsive Columns

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Make Your Styles Responsive in the Thesis Classic Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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.

Style the Thesis Classic Responsive Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Add Background Images and Color to Thesis Classic Using Custom CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Remove Borders From all Pages In Thesis Classic Using Custom CSS

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

How to Add an Aweber Email Optin Box

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

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

How to Add a Widgetized Feature Box to the Front Page Using the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

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

Remove the Byline From Pages but Not Posts in the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

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.

Remove the Text Box from the Posts and Archive Templates Using the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

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

Move the Menu Below the Header Image Using the Thesis 2.3 Skin Editor

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

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