BYOB Agility Skin
This video tutorial lesson describes the type of small business website we will be creating throughout the rest of this course. We explain the benefits of choosing Thesis 2.2 to create our small business website. Skins are an important aspect of Thesis 2.2 so we discuss what skins are and how they work in Thesis. We'll also discuss the
In this session we look at why the Read More link is not showing on a Thesis 2 site. The query box excerpt won’t give you a custom read more if you are using the custom crafted excerpt. We show how to fix this by using the Agility Custom Read More Link. WordPress and Thesis’
In this session we demonstrate how to align the menu and header image in Agility under Layout, Fonts, Sizes and Colors using the column and header system. Member: So in my yeah, you see it's like a header image and the menu and the content and they don't seem to be aligned. Rick: Okay, well
The last thing I want to talk in this seminar on the Agility Skin for Thesis is is the Agility smart widget columns. The Agility smart widget columns is another box you can add and it's right here, Agility smart widget columns. I’ll show you an example. Let's add it to the header for the
The next thing I want to show you in the Agility Skin for Thesis 2 is responsive columns system. I’m going to give you an overview of it here but I do have an in depth video tutorial on how to use the column system in detail in the seminar Customizing the Agility Skin Templates.
Now that we’ve taken a look at the default 2 column header configuration in the Agility Skin for Thesis 2, I want to review the 1 column header. And the 1 column header is kind of a specialized creation. Let's come over to the skin editor and take this typical header out. So I have
The Agility Skin for Thesis 2 has two different types of smart header boxes. We’ll head over to the skin editor to take a look at these. You've got the Agility 1 Column Header and then by default the Agility 2 Column Header is actually in here. I’m calling the Agility 2 Column Header the
The next thing we're going to talk about in this Using the Agility Skin for Thesis 2 seminar is integration with DIYThemes boxes. The first one I want to show you is integration with their social media boxes. Let's go to Thesis and Manage Boxes. I have all those boxes installed here. For example, the
Now that we’ve covered the skin content options of the Agility Skin for Thesis 2 the next thing we're going to take a look at are the skin design options. The very first thing that Agility does is it takes advantage of the Thesis ColorScale so you can always simply change out a color here.
Now let's talk about Agility’s skin content options. Let’s come back over to Thesis and skin content and you can see that Agility has, by default, these skin content options. You have the copyright. All you really have to do is put your company name in here. I’ll add BYOBWebsite.com and then add the date
When we did our initial setup for the Agility Skin for Thesis 2 we talked a little bit about images but now we are going to look at the default image sizes for Agility in more depth. In that setup we went through the process of setting those image sizes at 647, 320 and 200
Now that we’ve done an overview of the Agility Skin for Thesis 2, let’s take a look at just how an Agility page is laid out. This is especially useful for you to understand at the very beginning. Essentially Agility has this grid system with every Agility template and every Agility page being laid out
Now I want to give you an overview of the Agility skin for Thesis 2. This is a version of Agility that's been customized using design options and we'll be talking about how to do that extensively today and tomorrow but out of the box, Agility looks like this. It is a full width framework
I make changes to the Agility Skin for Thesis 2 to improve features and to update it when changes are made to the Thesis Theme. So this means that you’ll need to upgrade Agility from time to time. For example, if you look on your site right now you'll notice probably that you have an
Good morning everybody and welcome to this special seminar on Using the Agility Skin for Thesis 2. Today, the first thing we're going to do is start off by installing Agility for the very first time. You can download the Agility Skin simply by coming over to Member Benefits and Skins for Thesis Theme 2
This seminar will teach you everything you need to know about using the Agility skin for Thesis 2 so that you create your own unique website. You learn how to set it up, you get an overview of the skin and then we go through the layout and all of the available features in depth. These videos are available to free members.
The last thing I want to do in this seminar on Styling the Agility Skin for Thesis 2 is to style these boxes here so that they look like they do in this website. The way we do that is by using both a combination of background styles and text styles. Notice I have this
You have seen how easy it is to style widgets in the Agility Skin for Thesis 2 but now I want to show you how to create a custom widget style. Let's go back to our home page and we’ll make some changes to our text widget. We could make this strong and we want
The next thing we're going to do is set widget styles in the Agility Skin for Thesis 2. There are 3 built-in widget styles. You have the main sidebar widgets, you have the footer widgets and the header widgets. The main sidebar widgets are the ones that are in this sidebar here, these are the