Build Your Own Business Website header image

BYOB Agility Skin

Help – My Read More Link is Not Showing

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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’

How to Align the Menu and Header Image in Agility

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 12 – Agility Smart Widget Columns System

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 11 – Agility Responsive Columns System

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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.

Using the Agility Skin for Thesis 2 – Part 10 – Reorganize our File Agility 1 Column Header Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 9 – Agility 2 Column Header Box

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 8 – Agility Integration

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 7 – Agility Skin Design Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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.

Using the Agility Skin for Thesis 2 – Part 6 – Agility Skin Content Options

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 5 – Images in the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 4 – Understanding the Agility Page Layout

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 3 – Overview of the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 2 – How to Upgrade Agility

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2 – Part 1 – Setup Agility for the First Time

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Using the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

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.

Styling the Agility Skin for Thesis 2 – Part 15 – Style a Query Box with Custom Text Styles

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Styling the Agility Skin for Thesis 2 – Part 14 – Create a Custom Widget Style in Agility

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Styling the Agility Skin for Thesis 2 – Part 13 – Styling Widgets in Agility

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

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

Styling the Agility Skin for Thesis 2 – Part 12 – Using Supplemental Menu Styles to Create Menu Buttons

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We are going to continue working with the Supplemental Menu Styles in the Agility Skin for Thesis 2. So far I’ve shown how to make the menu span across the entire page and how to create a border under the menu. The final thing I want to show you how to do with these supplemental

Styling the Agility Skin for Thesis 2 – Part 11 – Using Supplemental Menu Styles to Create Menu Borders

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We just finished making the main menu in the Agility Skin for Thesis 2 span across the page using supplemental styles and now I want to show you how to add a border to the menu using these styles. Let’s come to the main menu and we want main menu link supplemental style. We're going