Build Your Own Business Website header image

Footer

Part 4 – Example #1 Create a 2 Column Widgetized Bottom Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

The second part of using custom sidebars in Genesis is the process of calling the sidebar which is what we just did. So that's the very simple method of adding a sidebar in Genesis. First, we wrote the code to register the custom sidebar and then we called the sidebar. And obviously it's been added

How to Convert a Flash Site to WordPress & Thesis 2.1 – Part 10 – Customize the Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to - ,

Now that we’ve changed the Front Template page title using custom CSS in Thesis 2.1 we have a little bit of work to do in the Footer. So we want to get rid of this double line here and we want this text to center so that is the footer and is the border top

How to Customize the Footer in the Carta Skin for Thesis 2.1

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we show how to customize the footer in the Carta skin for Thesis 2.1. We demonstrate how to change the footer background with a background color and background image. We also discuss how to add a border width and color to add a top border without an image. Member: Well, on the

How to Style the Background of the Footer of the Agility Skin for Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to style the background of the footer of the Agility Skin for Thesis 2. If you’ve got a background image that should span the footer area, you have the choice to make it the background image of the body which sits behind the areas or combine the top footer

Lesson 12 – Part 5 – Example #2 – Create a “Fat Footer” with 3 Widget Columns

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

Example number 2 of creating custom sidebars in the Thesis theme will be to create the fat footer with 3 widget columns. I believe this is a better way of doing it than as described in the manual, no offense to Girlie or whoever wrote that but that example doesn't provide with the opportunity to

Lesson 3 – Part 8 – Create the Structural CSS

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to -

The next thing we’re going to do is add some structural CSS to this and we’re going to do that by opening up style CSS. We’re actually just going to delete those colors now and we’re going to start off with the header and drop some pre-written code in here. What this does is it

How to Convert a Static HTML Site to Thesis Part 10 – Style the Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to style the footer using the Footer Widgets plugin. We rearrange content in the footer, give padding, change font size and get rid of the Thesis attribution. We also assign and customize the footer row text style. Okay so we’re going to want to rearrange. We’ll want to put

How to Convert a Static HTML Site to Thesis Part 9 – Create the Footer Widgets

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to create the footer widgets in the new Thesis site. We install and activate the Black Studio TinyMCE Widget plugin and use this to upload an image and assign text for the text widget. We need to get these images and this, we need this Coldwell Banker. Is this

How to Convert a Static HTML Site to Thesis Part 8 – Create the Footer

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to create the footer from the original site in the new Thesis site by using the BYOB Thesis Footer Widgets Plugin. We create one row footer widgets with three widget columns and customize the width and text alignment of each of these columns. What we’re going to do next

Lesson 3 – Create the Footer and Sidebars

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

wrapping div ul li for each widget div id=”sidebars” - class=”sidebar” ul class=”sidebar_list” li class=”widget” + WP supplied values Typical WordPress way Thesis way register the sidebars call the sidebars - placed in HTML individual - register_sidebar() multiple - register_sidebars() name id description before/after widget WP placeholders %1$s - id %2$s - class before/after title

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

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

One Hour Website Makeover DJ Sean Denard Part 14 – Add and Style Footer Widgets

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , , ,

This is Part 14 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to setup the Footer widgets, then add some text and styling using the BYOB Thesis Footer Widgets plugin. Actually, I guess the last thing we have to do here is set up the

One Hour Website Makeover DJ Sean Denard Part 13 – Add and Style the Footer Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - , , ,

This is Part 13 of the One Hour Website Makeover for DJ Sean Denard’s site and in this session we show how to add and style the Footer Menu using Thesis Design Options and the BYOB Thesis WP Menus plugin. So in order to add this button to the menu, we go back to our

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

Creating a Full Width Footer Using BYOB Thesis Plugins – Part 4 – Styling the Footer Widgets

Difficulty Level -

Filed Under Topics - ,

This is fourth and final part in a series on Creating a Full Width Footer Using BYOB Thesis Plugins. In this session we show how to style the footer menu using the BYOB Thesis Footer Widgets plugin. Creating a Full Width Footer Using BYOB Thesis Plugins - Part 1 - Installing the Plugins - Configuring

Create a Full Width Footer Using BYOB Thesis Plugins – Part 4 – Styling the Footer Widgets

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

This is fourth and final part in a series on Creating a Full Width Footer Using BYOB Thesis Plugins. In this session we show how to style the footer menu using the BYOB Thesis Footer Widgets plugin. And so the one thing I want to do here is I want to change the style of