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.
Thesis Classic Responsive Skin
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
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
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
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
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
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
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
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
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
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
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.
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
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