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.
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.
Move the Thesis Navigation Menu Below the Header Welcome back to Part 2 of lesson 9. In this part of the lesson we are going to move the navigation menu from above the header to below the header similar to the way it is here on my site. I’m going to open up Firefox. This [...]
This is part 2 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to setup the BYOB Thesis Header Widgets Plugin and use it conjunction with the BYOB Thesis Full Width Backgrounds plugin to style the header, body and content area. Video Transcript [...]
Add a Background Image to the Header Area Welcome back to Part 3 of Lesson 9 of the Build Your Own E-Commerce Website tutorial series. In the third part of this lesson we are going to add a background image to our full-width framework header area. Before we do that I want to take a [...]
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. Video Transcript A bit and now I definitely want to move this down and I [...]
Add an Image to the Thesis Header as a Logo Welcome back to Part 4 of Lesson 9 of the Build Your Own E-Commerce Website tutorial series. In this part of the lesson we are going to add an image to the header or sometimes I refer to it as the foreground image to the [...]
This is part 4 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to add a clickable logo to the header by adding the HTML code to a text widget that is created through the installation of the BYOB Thesis Header Widgets plugin. [...]
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 [...]
Add Search Form to Thesis Header Welcome back to Part 6 of Lesson 9 of the Build Your Own E-Commerce Website tutorial series. In this sixth part of the lesson we are going to add a search function to the header area. Come over here in Firefox and take a look at what I’m talking [...]
One of the most frequent questions I see on the Thesis support forums is “How do I add a custom image to my header?” Another comment I see regularly is “I’m a total nube, can you tell me step by step how to do that?” So here’s my answer to both of those questions. This site is [...]
This is the final part in the 6 part series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to add background color to the header area using the BYOB Thesis Full Width Backgrounds Plugin. We use colorzilla.com to pick a color and generate the gradient code. We [...]
This is Part 6 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to configure the header using the BYOB Thesis Header Widgets plugin. Video Transcript So now we’re going to start by configuring the header and so that’s next. Now, the header’s kind of complicated. [...]
We teach small business owners how to build their own website. One of the most frequent questions I see on the Thesis support forums is “How do I add an image to my header?” Another comment I see regularly is “I’m a total nube, can you tell me step by step how to do that?” [...]