Build Your Own Business Website header image

Agility 3.2 Skin Design

Style the Phone Number Link

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Before we go on to our next subject, Configuring Google Analytics, I want to make a change to this link color up here. Now that we are looking at it on this page I see that I can’t read that link easily. We can make that change in Skin Design. Let’s come down to Typical

Style the Main Sidebar Widgets

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In the Styling Widgets in Agility 3.2 video we talked about all the different areas of this Thesis skin that have built in widget areas. One of those areas you are likely to use widgets in is the main sidebar area so we are going to take a look at that now. Each widget area

Styling Widgets in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We have created 3 different widgets here for the professional WordPress website we’re building. We have a contact information widget, a Call to Action widget and a Testimonial widget. In order for us to style the widgets we have to come over here to Skin Design. First we are going to look at our built

Style the Footer Widgets

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The final thing we are going to do in this lesson, Understanding and Using Plugins and Widgets, is to style the Footer widgets. Obviously, this isn’t what we want it to look like. And so the first thing to do is set up the style of the headings. And we’re going to do that over

Overview of Agility 3.2 Skin Design Options

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Before we begin styling the home page of this Professional Services Website we are going to start off with an overview of the Agility 3.2 Skin Design options. You get to Agility’s Skin Design options by coming over here to Skin Design. One of the things that makes Agility so powerful is the very large

Setup Default Font Styles

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The next thing we are going to do is work on the default font styles for our professional services website. Let’s come over here to the dashboard and then over to Thesis and Skin Design. Again, the reason why we set up these default font styles at the beginning is because they're the other piece

How to Style Typical Submit, Read More and Call to Action Buttons in Agility

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Next we are going to look at how you style the typical submit, read more and call to action buttons in the Agility Skin for Thesis Theme 2. These buttons are all styled the same and have the same styling options. This is an example of the call to action button. It's the button inside

How to Style Typical Phone Number in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Let’s take a look at how to style the typical phone number in Agility 3.2 for the Thesis Theme 2. You’ll find that phone number is up here and the way you style it is over here, under font options just like everything else we have been styling in Agility so far. Then just scroll

How to Style Typical Section Titles in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Next up in this Styling Agility 3.2 for the Thesis Theme 2 lesson is styling the typical section titles. Let's start by taking a look at where those are. This is a section title here. It's the title that goes above one of these grid sections or it can go on top of a responsive

How to style Typical Post Date in Agility 3.2 – Secondary Text

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now we are going to take a look at how you style the typical post date and other secondary text in Agility Skin 3.2 for Thesis Theme 2. It’s this little date that’s down here. But it’s not just a date it's also this whole section of code including categories. That can all be styled

How to Style Typical Lists in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

  Next in this styling the Agility Skin 3.2 for Thesis Theme 2 lesson we are going to look at the styling of typical lists. They can be found here, this is the typical list. It's the list that's inside the content area of a page. That's where the typical list exists. You can style

How to Style Typical Copyright in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The typical copyright in the Agility Skin for Thesis Theme 2 is set by coming the typical font styles. Then you go down to copyright. Your choices are font family, color and we have these font style options. That's all there is to it for styling the copyright text. That copyright text is found, of

How to style Site Tagline in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Just as with the Site Title in order to set up the tagline in the Agility Skin 3.2 you go to the typical font styles. Then go down here to site tagline. Again, you can choose the font family, choose the font size, choose an existing color or enter your own color. You've also got

How to Style Site Title in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The site title is this here, that's the site title. And just like everything else we've been styling in this Agility 3.2 lesson, you style the site title by first coming over to typical fonts. Then go down to the site title. We've got all of the same font style options here. The site title

How to Style Typical Block quote in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Before we talk about how you style a typical block quote in Agility 3.2 for the Thesis Theme, let’s take a look at what block quotes are. Here is an example of a block quote on this page that we’re looking at right now. You apply a block quote by selecting the paragraph that you

How to Style Page Titles in Agility 3.2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Next up in this lesson on Styling Agility 3.2 for the Thesis theme 2 is how to style page titles. Just like we did for typical paragraph text, you style page titles by coming over here to the typical font styles. Then you scroll down here to the page titles option. Page titles are a