Build Your Own Business Website header image

Thesis 1.8.5

Thesis 2.1 for Web Design Professionals – Part 9 – Style the Desktop Menu While Retaining the Responsiveness

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now what I want to do is change this menu in the Thesis Classic Responsive skin. We need to change this menu in such a way that it doesn’t mess up the responsiveness. And the point of this whole exercise is to refresh your memory about making changes inside of the reverse media query. Essentially

Create a Magazine Style Blog Site with Thesis 2 – Part 23 – Style the Related Posts Display

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Now we’re going to style the related post display. Under our CSS and let's see, this is Query Box Post Format, yes, we're just going to do one more of those. Post Formatting, it's going to be Related Posts and then it's going to be .query_box.related. The main thing we want to do here is

How to Create a Dropline Style Menu in Thesis Part 4 – Final Adjustments

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we make final adjustments to the menu style using custom code and our Thesis Nav Menu plugin settings. We center the bullets using the position property, fix the arrow and adjust the margins in the Nav Menu plugin settings. Rick: 25 pixels. And this could be the case where we need to

How to Create a Dropline Style Menu in Thesis Part 3 – Style the Submenu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to create submenu styles using our Nav Menu plugin. Then we switch to custom styling using relative and absolute positioning to complete the design style. We discuss how the CSS position property works and then show how to apply both relative and absolute positioning to the menu to create

How to Create a Dropline Style Menu in Thesis Part 2 – Create the Top Menu Level Styles

Difficulty Level -

Filed Under Topics - ,

Applies to -

In this session we show how to create the top menu level styles using the Nav Menu under Thesis Design Options and our Thesis Nav Menu plugin. We set the font styles and colors, set up the typical menu item styles, setup the link background style, make the background color transparent. Rick: So what we’re

How to Create a Dropline Style Menu in Thesis

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Using our Thesis Horizontal Header Layout plugin, Thesis Nav Menu plugin and custom CSS we show how to create a dropline menu style where the drop menu displays horizontally instead of vertically. We discuss how the CSS position property works and show how to apply both relative and absolute positioning to the menu to create the dropline effect.

How to Create a CSS-Tricks Style Navigation Menu Part 6 – Add the CSS Transition Animation

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to add the CSS transition animation and discuss the way to use the transition properties. We define the property that we are positioning, provide the time involved in creating the transition, define the kind of transition effect and the amount of time before the transition starts. We also discuss

Lesson 16 – Part 6 – Ex#4 Create a Custom Teaser Configuration

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The last thing to do here is to create a custom teaser configuration for our Thesis theme website. We're going to do our custom teaser configuration on our home loop so I'm just going to come up here and change this home loop for this. What we're going to do is have our own separate

Lesson 16 – Part 5 – Ex#3 Display a Grid of Post Thumbnails for Specific Categories

Example number 3 is going to be to create a grid of post thumbnails for specific categories on our Thesis theme website. Now, an example of this is the site that I've been working on for an artist friend. She does beautiful artwork and what we have is on our category paintings, we want just

Lesson 16 – Part 4 – Ex#2 Display 3 Teasers Per Row for Specific Categories

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Our second example is going to be to display three teasers per row for specific categories on our Thesis theme website. What we're going to do is come over here and look at our Bananas category. What we want is our Bananas category to have three teasers across rather than two teasers across. If we

Lesson 16 – Part 3 – Ex#1 Display 1 Teaser Per Row on the Home Page

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We're just going to jump right into that now because this theory sounds more complicated than it really is and we’ll create a display with 1 teaser per row on the Thesis theme home page. We're going to create a custom loop that takes our teasers on the home page and makes them one-wide instead

Lesson 16 – Part 2 – Anatomy of the Custom Loop API

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

What we're going to take a look at here next is the anatomy of the Custom Loop API. First, we’ll be looking at the way the Thesis theme does its loop and secondly, we'll look at different examples in the user guide about how to use the custom loops. The best way to look at

Lesson 16 – Part 1 – Introduction to the Thesis Custom Loop API

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to Lesson 16 of the Customize Thesis Like a Pro tutorial series. Today, we are going to be talking about how to use the Thesis Custom Loop API. Before we really dive into that, I want to talk about what the Thesis Custom Loop API is. In previous lessons, we've

Lesson 16 – Thesis Custom Loop API

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

This Thesis theme video tutorial lesson of our Customize Thesis Like a Pro course provides an introduction to the Thesis Custom Loop API including what it is, when to use it and how it works. Then we cover the Thesis loop class, the loop process, what makes up the loop and review some examples from

Lesson 17 – Part 6 – Ex #2 – Add Sidebar Configuration Options

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

To continue using what we’ve learned in this lesson on Using Custom Post Meta in the Thesis theme, we’re going to add sidebar configuration options. What we're going to do is create a post meta box that will control whether or not these attention boxes show up or this alternate feature box shows up. If

Lesson 17 – Part 5 – Ex # 1 – Add Custom Page Specific Content to the Sidebar

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Now we’re going to use what we’ve learned in this lesson on Using Custom Post Meta in the Thesis theme to add custom page specific content to the sidebar. This will be example number 1, again which is to create a meta box that will allow us to add custom page specific content to the

Lesson 17 – Part 4 – Using the WPAlchemy Class

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’re now in part four of this lesson of Using Custom Post Meta in the Thesis theme. We have succeeded in installing and setting up this MetaBox Class. The next thing for us to do then is to actually use it to create our meta boxes. We're going to begin by talking about using the

Lesson 17 – Part 3 – Initial Setup of the WPAlchemy Class

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

That's what we're going to be doing then, is looking at the WPAlchemy. What is WPAlchemy? Let's just seach for it, wpalchemy and you can see this WPAlchemy MetaBox PHP Class. By class, we don't mean classroom type of class obviously. What we mean is class method in PHP but this is created by a

Lesson 17 – Part 2 – The Typical WordPress Way of Creating Custom Meta Boxes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

We’re back with part 2 of Using Custom Post Meta in the Thesis theme and we’re talking about the typical WordPress way for creating post meta which can be quite complicated. There's a good example of it being described here at smashingmagazine.com. It has a nice article here describing how to do it and it's

Lesson 17 – Part 1 – What is Custom Post Meta?

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this live class on Lesson 17 of the Customize Thesis Like a Pro tutorial series. Today, what we'll be doing is learning how to create a new custom post meta in the Thesis theme. Specifically, what we'll be doing is learning how to use custom post meta to create