Build Your Own Business Website header image

BYOB Thesis Full Width Backgrounds Plugin

How to Create a CSS-Tricks Style Navigation Menu Part 2 – Setup Typical Menu Item Style

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

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

Where to Put Background Images in the Thesis Full Width Framework

In this session we discuss where to put background images in the Thesis Full Width Framework and get them to tile down the page outside the header, content and footer area. We discuss the things that need to be considered in styling when using the Thesis Full Width Framework. For example, If we want to

Troubleshooting Styling Issues with the Full Width Backgrounds and Thesis Nav Menu Plugins

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.

Lesson 8 – Part 9 – Configure Header and Footer Backgrounds

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Styling a Full Width Framework Page Let's take that concept and work it into a styling on our page. If we come back over here to BYOB Thesis Plugins and go to our Full Width Backgrounds Plugin, the very first thing that we’re asked to do is, "Select the Background Areas to Customize". We're not

How to Set the #content_area .page Width to be Different Than the Header

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session, we demonstrate how to make the Thesis content page width smaller than the header area width. You can easily accomplish this by using one of our plugins, the BYOB Thesis Full Width Backgrounds Plugin. When you install the plugin, you just need to set the #header width to be larger and the

A Conversation About Creating A Full Width Header

In this session a member asks how to create a full width header using one of our plugins. You can do this using the BYOB Thesis Full-Width Backgrounds Plugins. The first thing you need to do is to select the Full-width Framework under Site Layout in Thesis Design Options; this gives you the ability to

One Hour Website Makeover DJ Sean Denard Part 2 – The New Design

This is Part 2 of the One Hour Website Makeover Series and in this session we show the new design we’ve created for DJ Sean Denard’s website. We discuss the different areas of the new site design site such as the widgets, featured images, nav menu, music, etc. We also talk about the plugins that

One Hour Website Makeover DJ Sean Denard Part 5 – Adding the Background Images

This is Part 5 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to add and configure background images using the BYOB Thesis Full Width Backgrounds plugin. The other thing to do is to start flushing this page out so that instead of looking like this,

How to Add Tiled Background Images to Full Width Framework Part 2

This is Part 2 of the series on How to Add Tiled Background Images to a Full Width Framework and in this session we show how to style the header and the footer widgets. Now the next thing I’m going to do is change it up for the header area. So if we come back

Style the Full Width Framework by Layering Background Images Part 2

This is Part 2 of 2 in a series on How Style the Full Width Framework by Layering Background Images. In this session we continue to show how to layer background images using the BYOB Thesis Full Width Backgrounds plugin. Now the problem with this is of course, we’ve got these other images that need

Style the Full Width Framework by Layering Background Images

Learn how to layer background images easily using our Thesis Full Width Background plugin. We demonstrate how to add an overall background image, then add images for the header, page and footer areas.

Add a Background Image to the Header Area Using the BYOB Thesis Full Width Backgrounds Plugin

In this session, we demonstrate how to install our BYOB Thesis Full Width Backgrounds Plugin and then discuss its many features. With this plugin you can currently customize the background areas of body, header, content and footer in a full width framework Thesis site. Okay I want to just quickly demonstrate my cool plugin that