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
BYOB 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
In this session we show how to style the third menu item with the border style, link background style and color, hover and current background style and link, hover and current border style. And we discuss how each of these menu items affect the appearance of the site. So I’m going to do this one
In this session we show how to style the second menu item. We set up the images and the colors and configure the link background style. We configure each link state separately and allow the current border style to be styled differently. Okay so the next thing to do is to kind of move along
In this session we show how to style the first menu item in our Thesis Nav Menu plugin options page. We customize the background image and color, link background style, hover background style and current background style.Okay so that’s that. Although very interestingly, the height here is very different because the height includes the padding
In this session we show how to setup the typical menu item styles in the BYOB Thesis Nav Menu plugin options. We create the background image for the menu in photoshop and finish by using our BYOB Full Width Backgrounds plugin to style the background of the menu. So now that we have that image
This is a special kind of menu that is made up of an image sprite in which each individual menu element has its own image, its own background hover color and current style. We show you how to create this menu style using our BYOB Thesis Nav Menu plugin and custom code. To view the menu style we used as inspiration visit the CSS-Tricks website (http://css-tricks.com/.)
In this session we show how to style the submenus background color, text font size and text colors. We customize each menu item separately by creating 3 different menu tabs which have customized width and border. We create classes and apply the style to each of the menu tabs. Now we have this thing set
In this session we show how to use our Thesis Navigation Menu Plugin to add special styling to the menu. We customize the overall height and width, and overall background using a background image. We use the typical menu item styles to add padding and margin and the typical background styles. We also show how
In order for us to make the two menus identical, we are going to be using the BYOB Thesis Simple Nav Menu Plugin. If you've explored the site at all, you may have discovered that at our Member Benefits, we have plugins that I've designed to make styling a Thesis site easier. BYOB Thesis Plugins
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.
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
Using our Thesis Full Width Backgrounds, Header Widgets and Nav Menu plugins we show how to create a full width Header with a logo and navigation menu using image sprites.