Build Your Own Business Website header image

Thesis Classic Responsive Skin

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 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

Setup the Thesis Classic Responsive Skin – Lesson 6 – Part 9

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to talk about is setting up the Thesis Classic skin. Here we are in the skin and we're going to start off by looking at the Classic skin. You can see that it's a 2 column skin, it has a text box at the top of the sidebar that's waiting

Part 17 – Configure the Thesis Classic Responsive Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we've decided that the Thesis Classic Skin is the best match for the hypnotherapy site it’s time to set it up. Let’s go to the dashboard and come over here to Thesis. We’ll begin our configuration in Thesis Skin Content. We're not displaying either the site title or tagline. Although, because we're using

How to Duplicate a Skin in Thesis 2.1

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we talk about how to duplicate a skin in Thesis 2.1. We talk about the difficulty of duplicating a skin because of some programming that needs to be duplicated as well. Most skin duplicates that exist duplicate skin settings but there's no good way to duplicate and rename classes and all PHPs

How to Add Space Between the Header Image and the Menu in Classic Responsive

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to add a space between the header image and the menu in Classic Responsive by adding a margin bottom to the header. We also show its 3D view that gives a sense of the layers that are involved and where things are located. Rick: Anything else? Member: I was

How to Use 2 Images Side by Side in the Header of Thesis Classic Responsive

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we show how to use 2 images side by side in the header of the Thesis Classic Responsive skin. We have a seminar called Create a Responsive 2 Column Responsive Header in Thesis 2.1 that will show how to do this without writing much code and only uses mostly classic responsive code

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 5 – Setup Classic Responsive Skin Content Options

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve got Design Options configured for our new Thesis 2.1 site, we'll come over here to Skin Content. We’ll begin with Site Title and Tagline. We're not going to show either. For comments, we can leave it just as it is. Sidebar, we're going to show the sidebar, text box and sidebar widgets

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 4 – Setup Classic Responsive Design Options

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we have WordPress setup on our development subdomain we are going to setup Thesis 2 Classic Responsive Design Options. Let’s go over to Skin Design to begin. Notice that this font size is actually quite small; I'm going to make it a little bit larger for the purpose of this. What we're going

Upgrade a Thesis 1.8.5 Site to Thesis 2.1 Using the Classic Responsive Skin – Part 5 – Style the Thesis 2.1 Classic Responsive Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

One of the things that we want to do in this upgrade from Thesis 1.8.5 to Thesis 2.1 is change the background color because all the background color is transparent. And we want to go from orange to that brown in our nav menu. From this color to this color. Otherwise, everything else is transparent

Upgrade a Thesis 1.8.5 Site to Thesis 2.1 Using the Classic Responsive Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this seminar we take an existing Thesis 1.8.5 site and upgrade it to Thesis 2.1 using the Classic Responsive skin. We do this on a clone of the actual site and once styled the way we want it, we transfer the Thesis settings to the actual live site. This seminar assumes that you already have a basic knowledge of how to use Thesis 2.1.

Thesis 2.1 for Web Design Professionals – Part 10 – Create 2 Equal Sized Responsive Columns in Thesis Classic Responsive

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now what we’re going to do is use the media queries to make that 2 column code we created in Thesis 2.1 responsive. Essentially that means we need to create a structure and employ it on the site so that we can see that it’s responsive. So we’re going to come back over here to

Thesis 2.1 for Web Design Professionals – Part 6 – Understanding the Thesis Classic Responsive Media Queries

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Next in this seminar of using Thesis 2.1 for Web Design professionals we’re going to talk about the media queries in Thesis Classic Responsive. This is part of a larger discussion about media queries. And if you don't know what I’m talking about for media queries, I would recommend that you go take a look