Build Your Own Business Website header image

BYOB Thesis Full Width Backgrounds

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.

How to have a Fixed Background Image with a Transparent Page in Thesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session, a member wants to know how she can have a fixed background image with a transparent page in Thesis. We show how to do this by customizing the body and background area using our BYOB Thesis Full Width Background Options plugin and then making the content area background and #content_area.page transparent. We

Create a WordPress Site from a PSD File Using Thesis – Part 3 – Add Background Images to the Site

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we have all the background images extracted, we can start mocking up the site. In this session we add the background images to the site using our BYOB Thesis Full Width Backgrounds Plugin. Video Transcript Unedited, okay. Well actually, with that in hand, I think we’ll go ahead and get started mocking the

Portfolio Website With Horizontally Scrolling Content – Part 5 – Discussing the Layout of Posts and Pages

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session, we discuss how to make the page content scroll to the left. In order to do that we give the content area a fixed height and eliminate its fixed width and remove margins. We also discuss how posts and pages will layout depending on how the pages are set up. Some could

Portfolio Website With Horizontally Scrolling Content – Part 4 – Configure the Footer Background

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

In this session, we add the footer background image that will repeat horizontally using our BYOB Thesis Full Width Background Plugin. After the background image in the footer area, repeating horizontally, we set the #footer_area .page background color to transparent. Rick: Now what we’re going to do is exactly same thing with the footer except

Portfolio Website With Horizontally Scrolling Content – Part 3 – Configure the Header Background

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

In this session, we add the header background image that will repeat horizontally using our BYOB Thesis Full Width Background Plugin. After the background image is in the header area, repeating horizontally, we set the #header_area .page background color to transparent. Rick: Okay so then plugins, we’ve got my Full Width Backgrounds plugin. Kim: I

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.

Create a Full Width Footer Using BYOB Thesis Plugins – Part 3 – Add Widgets to the Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is Part 3 of 4 in a series on Creating a Full Width Footer Using BYOB Thesis Plugins. In this session we show how to configure and style the footer area using the BYOB Thesis Full Width Backgrounds and add widgets using BYOB Thesis Footer Widgets. So now that we have a 600 pixel

Create a Full Width Footer Using BYOB Thesis Plugins – Part 2 – Add a Background Image to the Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is Part 2 of 4 in a series on Creating a Full Width Footer Using BYOB Thesis Plugins. In this session we show how to add a background image to the footer using the BYOB Thesis Full Width Backgrounds Plugin. So now the next thing I want to is I want to put a