Build Your Own Business Website header image

Thesis Nav Menu

How to Add a Category to the Thesis Nav Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

This member asks how to add a specific category to her menu. She is using the Thesis Nav Menu. I demonstrate how to add a category to the menu using Site Options. Oh, Cathy is here…oh so there you go, Cathy. So Cathy says that she’s created a category in her site called Dr. O’s

Style Individual Menu Items on the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

This member wants to add a border radius to the upper left and right corners of his Thesis navigation menu. We demonstrate adding top margin to the menu, removing some unnecessary border, adding the border radius to the appropriate menu items and limiting the changes to the immediate children of the selector. So this member

Using the Thesis Navigation Menu – Part 6 – Understanding the Home Link

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this beginner series we are exploring all the aspects of the WordPress and Thesis interface. We begin with what the Thesis Site Options are and what they do for your site. In this video we continue to look at the Navigation Menu and in particular the Thesis nav menu options. Here we look at

Using the Thesis Navigation Menu – Part 7 – Understanding the Feed Link

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this beginner series we are exploring all the aspects of the WordPress and Thesis interface. We begin with what the Thesis Site Options are and what they do for your site. In this video we continue to look at the Navigation Menu and in particular the Thesis nav menu options. Here we look at

Using the Thesis Navigation Menu – Part 2 – Adding Pages

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this beginner series we are exploring all the aspects of the WordPress and Thesis interface. We begin with what the Thesis Site Options are and what they do for your site. In this video we continue to look at the Navigation Menu and in particular the Thesis nav menu options. One option is Pages

Using the Thesis Navigation Menu – Part 5 – Adding Links

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this beginner series we are exploring all the aspects of the WordPress and Thesis interface. We begin with what the Thesis Site Options are and what they do for your site. In this video we continue to look at the Navigation Menu and in particular the Thesis nav menu options. Here we look at

Using the Thesis Navigation Menu – Part 3 – Adding Drop Down Pages

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this beginner series we are exploring all the aspects of the WordPress and Thesis interface. We begin with what the Thesis Site Options are and what they do for your site. In this video we continue to look at the Navigation Menu and in particular the Thesis nav menu options. Here we show you

Using the Thesis Navigation Menu – Part 4 – Adding Categories

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this beginner series we are exploring all the aspects of the WordPress and Thesis interface. We begin with what the Thesis Site Options are and what they do for your site. In this video we continue to look at the Navigation Menu and in particular the Thesis nav menu options. Here we look at

Lesson 6 – Part 4 – The Structure of the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome back to Part 4 of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we’re going to discuss how inheritance and specificity apply to the Thesis Nav menu. Thesis Navigation Menu – How Inheritance and Specificity Affect It The Thesis Nav menu is really the ideal

Lesson 6 – Part 5 – Classes Thesis Applies to the Navigation Menu

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome back to Part 5 of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we’re going to look at how specificity and inheritance in CSS influence the structures of the Thesis Nav menu. Earlier we said that the Thesis theme navigation menu is built out of

Lesson 6 – Part 6 – Specificity in the Structure of the Navigation Menu

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

This lesson is a continuation from the previous part 5, CSS Specificity and Inheritance in the Thesis Theme Navigation Menu, lesson of our Customize Thesis Like a Pro video tutorial series. Connection of Elements to Classes in CSS Now let’s take a look at the connection of elements to classes in CSS as shown in

Lesson 6 – Part 7 – Classes Thesis Applies to the Navigation Menu

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome back to Part 7 of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we are going to finish our examination of CSS specificity and inheritance in the Thesis theme by looking at the classes that Thesis adds to each menu item and then looking at

Lesson 6 – Part 8 – Examples of Styling Elements of the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome back to the eighth and final part of Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this final part of the lesson, we are going to look at specific examples of styling individual navigation menu items using the classes that the Thesis theme adds to each individual menu item. Top

Fine Tune the Width and Location of the Navigation Menu

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

A member has a navigation bar on her website that doesn’t line up with the header above it. We inspect the menu’s elements in Firebug and adjust the style using Edit CSS on Web Developer to get the navigation menu to look right. To do this we adjusted the margin on the .custom .menu and

How to Create a Header with a Logo Image Beside the Navigation Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

A member asked for help in creating a header with a logo image on the left and the navigation menu on the right. This requires us to have 3 images, a main background image, a logo image and “current” menu condition image. We demonstrate how to add a background image for the header and then

Indicating the Current Page on the Thesis Nav Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

A member wants to indicate on her customized navigation menu that a visitor is at the current page in the menu. Thesis has settings for this and they are set by default. She has replaced the Thesis default background colors with a background image. She has also attempted to add a background image to the

How to Center the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

A member asked how she can center her Thesis Navigation Menu. We look at adding margins to the individual menu items to get them spaced correctly.  Next we look at 2 methods of centering the navigation menu.  The first is to explicitly set a left padding to simulate centering and the second is to set

When to Use the WordPress Menu vs the Thesis Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

A member asked when it is appropriate to use the WordPress Menu system rather than the Thesis Nav Menu.  I actually use both on my site.  The Thesis Nav Menu is displayed to viewers who aren’t logged in and the WordPress Menu is displayed to members who are logged in. In this video we look

Lesson 10 – Part 1 – Understanding the Structure of the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome to Lesson 10 of the Build Your Own E-Commerce Website tutorial series. The goal of this tutorial series is to show you how to create a fully functional ecommerce website using WordPress, Thesis and WP eStore. This is the fourth of the tutorials on styling your new ecommerce website. In these tutorials we’ll be