Build Your Own Business Website header image

Background Property

How to Add a Hover Style to a Thesis 2.1 Query Box

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we demonstrate how to add styling to the hover state of a Thesis 2.1 query box and add opacity to the image. Member: It's one little off, yeah. Rick: Yeah, got it. Member: Well, you can see there are 8 query boxes here with pages inside of, inside them. Rick: Uhuh. Member:

Part 5 – Using a Fixed Background Image in a Skin

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The next thing we're going to do in this lesson on Customizing Thesis 2 with Background Images, Colors and Gradients is to add a fixed a background image in a child theme. This is one of those cases where we will switch skins again. Manage Skins and we'll come back to the Classic Responsive and

Part 1 – Understanding Background Images in CSS

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

Good morning everybody and welcome to this special session on How to Customize Thesis Skins with Background Images, Colors and Gradients. This is the first lesson in a continuing series called Customize Thesis 2.1 Like a Pro. I have a series like this for Thesis 1.8.5 and I am re-creating this with different information for

Customize Skins with Background Images, Colors & Gradients

In this first lesson of our Customize Thesis 2 Like a Pro video tutorial series we look at the various ways to customize a Thesis skin using background images, background color and gradients. We look at both tiling and fixed background images and demonstrate various ways to use them. We also examine how to use

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,

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

How to Add a Background Color to the Sidebar in Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to add a background color to the sidebar in Thesis 2 using a single element styles package. We also demonstrate how to use a background image to make the sidebar color extend all the way to the bottom. Rick:  Did you want me to demonstrate that color in the

How to Specify a Custom Background Color for a Single Page in Thesis 2

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to specify a custom background color for a single page in Thesis 2 using a custom body class. We also show how to make the CSS more specific to only cover the content area of the page. We talk about using a different selector for the Thesis Classic Skin

Customizing the Content with HTML and CSS – Part 2 – Style A Text Block With CSS

Difficulty Level -

Filed Under Topics - , , , , ,

Listed Under Lesson Subjects -

Applies to -

Style a Text Block with CSS Welcome back to Part 2 of this lesson on how to stylize text blocks within the WordPress content area. In this part of the lesson we are going to add CSS styles to the text blocks we created with HTML in the first part of the lesson. To begin, open up the

Fine Tune the Width and Location of the Navigation Menu

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

A member has a navigation bar on her website that doesn’t line up with the header above it. We inspect the menu’s elements in Firebug and adjust the style using Edit CSS on Web Developer to get the navigation menu to look right. To do this we adjusted the margin on the .custom .menu and