Build Your Own Business Website header image

Full Width Framework

Restructure the Layout of a Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

What we are going to do give the default Thesis Classic Responsive an updated look. This is the customization that we have done so far to date on Classic Responsive. It has a page width look. What people are doing much more often these days instead has horizontal appearing strands that span from one edge

How to Create a Full Width Skin in Thesis 2.0

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Learn how to create a Full Width skin from a “page width” template layout in this 9 part seminar. We demonstrate how to add full width background images, how to customize the front page template and how to add full width sliders to the skin. We also include demonstrations of a clickable header image and menu customization.

Lesson 5 – Part 1 – Map Out the Site Background

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to Lesson 5 of our Create a Thesis Responsive Child Theme series. Today, we are going to be creating the typical styles and extracting the style information from the BlueMasters PSD file. Before I begin, I just want to update you on the course schedule. I have added a couple

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

How to Convert a Static HTML Site to Thesis Part 4 – Configure the Background Images

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to configure background images by installing the Full Width Backgrounds Plugin, Thesis Simple Nav Menu Plugin and Footer Widgets Plugin. We assign a location for the Nav Menu and customize the settings in the Full Width Backgrounds plugin. We also upload menus and pages and customize their styles. The

Lesson 8 – Part 8 – Understanding the Full Width Framework

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to do is to style the Header and the Footer, essentially add this style to the Header and add this style to the Footer. In order for us to do that, we first need to learn a little bit of the underlying theory of the Thesis Full Width Framework. Thesis

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

A Discussion of the Differences Between the Thesis Full Width Framework and the Page Framework

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we discuss the differences between Thesis full width framework and the WordPress page width framework, then show some sample sites to view their differences. Rick: So then Heidi, what we want to do is work on… you asked about the Full Width Framework? Heidi: Yes, I… you seem to have a preference

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

How to Make a Full Width Header and Footer in Thesis

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects - ,

In this session a member asks how to make a full width header and a widgetized footer. We discuss how to achieve that using Site Layout options in Thesis Design Options and some CSS code. We also show where to find some of our video tutorials about these subjects. Soon our Footer Widgets Plugin will

Lesson 9 – Part 1 – Understanding the Thesis Full Width Framework

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

Welcome to Lesson 9 of the Build Your Own E-Commerce Website tutorial series. The goal of this tutorial series is to show you how to create a fully functional ecommerce website using WordPress, Thesis and WP e-Store. This is the third of the tutorials on styling your new ecommerce website. In these tutorials we’ll be

Lesson 9 – Part 3 – Add Background Image to Header Area

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

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 look at what the final product will be.

Lesson 9 – Styling the Thesis Full Width Framework

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Please note that this course has been replaced with the new "Sell Your Digital Products with WP eStore" In this video tutorial we will look at how to style the Thesis Full Width Framework. This framework provides the opportunity of layering images on top of each other. It also allows a site style that has