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
Thesis Nav Menu
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
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
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.
I'm going to do one other thing and that is to style this top navigation menu. We're going to start off with design options and we will be doing some of these in custom CSS but we'll start by just doing what we can in Thesis Design Options. The font family is going to be
In this session we troubleshoot styling issues with the Full Width Backgrounds and Thesis Nav Menu plugins. We have to create a background image instead of using a background color in order to use the plugins together and not specify a height to the header area so that it can accommodate everything that’s in it.
A number of people noticed that I misspelled functions and you might wonder why it didn't fail because I've misspelled functions here. The reason why it didn't fail primarily is that I'm defining the value of this and I could name this anything I want. I can name this FISHSTICKS and it would still work
This is the third video in a tutorial series on how to create multiple WordPress menus with multiple drop down levels. In this session, we show how to create different menu styles. Using the BYOB Thesis WP Menus, you can add up to eight different menu styles and apply them to as many different menus
In this session we show how can you remove Thesis Header Image, Page Title, Thesis footer and Thesis Sidebars from a specific page using the BYOB Thesis Landing Pages plugin. We also show how to remove Thesis Nav from a specific page using BYOB Thesis WP Menus plugin.
In this session we address a member’s question about how to create a Thesis navigation menu that uses image sprites. We talk about how CSS image sprites are used, show what they look like on a website and how they can be used to create a nice navigation menu layout. Rick: Okay so the next
This is part 3 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to configure the navigation menu using features available in the BYOB Thesis Navigation Menu plugin. A bit and now I definitely want to move this down and I want to
This is part 5 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to add an image sprite to the navigation menu using a set of images created in Photoshop. These images represent the current state, hover state, and link states in the
In this session we show how to create individual buttons in the navigation menu using a CSS3 Gradients button generator and applying the code to a simple Thesis menu. We also show how to configure the size, hover, padding and spaces of the buttons. The next thing we’re going to do is make these individual
In this session, we show how to style and add CSS3 gradients to the Thesis navigation menu using a button generator and coping and pasting the code to custom CSS. We also show how to adjust and style the buttons by writing some additional CSS. The first thing we’re going to do is we’re going
In this session we show how to remove pages in the Thesis Nav Menu by moving them to trash. Moving a page to the trash does not necessarily delete it; that happens when you empty your trash. One silly question is just I noticed you had it, like you showed us some pages of your
So we are going to start off today with how to add a Members Only Menu. You are familiar with this concept from my site because when you are logged in the menu is different than when you are not logged in. And as I said near the beginning of this course what we are
In this session we discuss how to create a two level navigation menu in Thesis Site Options and then use some HTML and custom CSS to add style to the menu title. What I’m going to do is I’m going to show you how to create a 2-level navigation menu so that you can have
This member asks how to add a link to another website to her menu. We use the Thesis 301 Redirect feature to create a page and a menu link that then links off to another site. So then you asked the question, “Can a page title just link?” I don’t know what that means. Well,
This member asks how to increase the length of the drop down submenu items in the Thesis Nav Menu. I demonstrate using Nav Menu settings in Thesis Design Options to make this modification. You have a site with the drop down menu where the width is too small, how can I modify the width of
This member asks how to prevent the dropdown elements of the Thesis Nav Menu from being covered up by the content in the Multimedia Box. In his situation a YouTube video covers up the drop down menu items. I demonstrate how to add the z-index property to the menu to insure that it stays on