Build Your Own Business Website header image

Background Images/Colors

Troubleshooting Errors in Responsiveness in a Member’s Site

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we troubleshoot errors in responsiveness in a member’s site beginning with the images. We talk about why the images are not responsive and how Agility deliberately scales HTML images because they can't be bigger than their container. We change the image from a background image and make it a regular HTML image

Part 7 – Using a Semi Transparent Background Colors Over a Background Image

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

So we’ve added a fixed background to this Genesis 2 site and looking at the site you can see that it still needs some work. The content doesn’t look as good as it should on the background and you don't want the images to be sitting there like that. We need something else to happen

Part 6 – Using a Fixed Background Image in a Child Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that we’ve worked on adding a tiling background image to add color to the entire sidebar, we are going to add a fixed background to this Eleven40 Pro site. Again, we're going to come over to Plugins and Add New. We're going to upload my plugin, BYOB Genesis Child Theme Editor. In this case,

Part 5 – Add a Color to the Child Theme Sidebar with a Tiling Image

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

We just finished using different background colors on different pages and changing the background color of the navigation menu. And the next thing we're going to do with this is to add a background color to the sidebar. But this will be a background color for the sidebar that can go all the way down

Part 4 – Using Different Background Images on Different Pages

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

So far we’ve covered how to add tiling background images and adding multiple background images in the same HTML element in Genesis 2 Child Themes. Now we’re going to take a look at using different background images on different pages. Let’s look at a different page than our Home Page. We've got our big blue

Part 3 – Using Multiple Background Images in the Same HTML Element

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We've got our tiled background image added in our Genesis 2 Child Theme, Executive Pro, and we've played around with background image repeat and background image position. One of the great things about CSS3 is it allows us to add more than one background image to the same area. So what we're going to do

Part 2 – Add a Tiling Background Image to the Body of a Child Theme

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Now that you know what background images are and how they work in WordPress, the first thing that we're going to do is add a tiling background image. And we'll add that tiling background image to this Genesis Executive Pro Child Theme site here. A tiling background image is a background image that's designed to

Part 1 – Understanding Background Images

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this special seminar on Customizing Genesis Child Themes Using Backgrounds, Background Colors and Gradients. This is actually the first lesson in what will be probably a fairly lengthy series that is entitled Customize Genesis Like a Pro. In this series we will be focusing on how to use Custom

Lesson 1 – Customize Child Themes with Background Images & Colors

This is the first lesson in our Customize Genesis Like a Pro video tutorial series. In this lesson we look at customizing various Genesis 2 Child Themes using background images and colors. In this class we introduce basic CSS syntax for editing your child theme. We start off by looking at background images and how