Member Login

You are not currently logged in.






» Register
» Lost your Password?
Login ↓
Home > Background Images

Background Images

How to Add Background Color to a Sidebar so that it Extends to the Bottom of the Page

In this session a member wants to know how to add background color to a sidebar so that it extends to the bottom of the page on his full-width framework site. We show how to use a background image for the entire page that includes the sidebar color and content area color. We use Photoshop [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →

How to Add a Background Color to the Sidebar that Extends to Bottom of the Content

In this session we show how to make the background color of the sidebar extend to the bottom of the content. To accomplish that, we show how to create a background image to use instead of a background color. We use our Thesis Full Width Backgrounds plugin to add the image and then we set [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →

How to Use a Sprite as a Background Image for a Link

In this session, we talk about how to use a Sprite as a background image for a link on a page and discuss some different methods to achieve the goal. We review the code that a member has created for this purpose.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →

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

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 [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →

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.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , ,

Watch the Video →

How to Add Tiled Background Images to Full Width Framework

Learn how to add tiled background images to a full width framework using our Thesis Full Width Backgrounds plugin.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , ,

Watch the Video →

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

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. Video Transcript So now the next thing I want to is I want to [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →

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. Video Sitemap Now the problem with this is of course, we’ve got these other images [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , ,

Watch the Video →

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. Video Sitemap Now the next thing I’m going to do is change it up for the header area. So if we [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Watch the Video →

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

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.

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Watch the Video →

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

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.

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →
Lesson 8 - Part 4 - Add a Background Image and Color

Lesson 8 – Part 4 – Add a Background Image and Color

The next thing we’re going to talk about is how to add a background image and background color. To start that off, we’re going to talk about the way agency is set up by default. The way this works by default in Agency is, it’s got this light gray background color here and a background [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →

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

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.

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Watch the Video →

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. Video Transcripts The other thing to do is to start flushing this page out so that instead of looking [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , ,

Watch the Video →

One Hour Website Makeover DJ Sean Denard Part 8 – Adjust Header Background Image Location

This is Part 8 of the One hour website makeover for DJ Sean Denard’s site and in this session we show how to adjust the header background image location using the BYOB Thesis Header Widgets. Video Transcript Okay so now, we go back down to header row 3 settings and our header row 3 background [...]

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects - , , ,

Watch the Video →

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. Video Transcript Okay I want to just quickly demonstrate my cool [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , ,

Watch the Video →

How to customize the appearance of the navigation menu

A member asked about positioning the Thesis Navigation Menu and adding background images as backdrop in navigation bar. We discussed lessons available on the site and looked a various configurations for the Navigation Menu.  Included in the video is a discussion of: Resources available in BYOB Video Lessons for nav customization How to position your [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →

Where to Find Images to Use on Your Site

In this session, a member asks for a suggestion for images to use on his site. We suggest going to dreamstime.com to look up specific images many of which you can get for free and, of course, they have thousands available for purchase. Video Transcripts I said, I saw the paperclips that you used and [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Watch the Video →

How to Add a Gradient Background Image to the Comments Section

A member wants to add a gradient image to the comment boxes as a background image.  We look at an example site and identify how they created the gradient effect.  Next we use Paint.net to create a gradient image.  Finally we discuss what the css would look like to use that background image. Video Transcript [...]

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Watch the Video →

How to Use Images as Bullets in List Items of an Unordered List

In this session we discuss how to use images as bullets in the list items of unordered lists as requested by a member. We show how you to do this by uploading background images to use as bullets in your list item and then use a little CSS to adjust. Video Transcript Okay so let’s [...]

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - , , ,

Watch the Video →

← Previous Entries