Build Your Own Business Website header image

Custom Body Class

Part 4 – Add a Custom Body Class to a Template

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

There's one other thing that I want to do and that is I want to be able to target this custom Genesis template specifically and perhaps templates like it specifically with a body class to create CSS that's unique to this template. Let’s go back to the site and look at the body class that's

Introduction to Creating Child Themes for Genesis 2.0 – Part 7 – Add the Custom Body Class to the Front Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We’ve got our new custom front page template started and now we’re going to add a custom body class to it. Now, you may ask well, what's a body class? A body class is essentially a class that has been added to the body of the page. You can see here that we have home

How to Troubleshoot a Broken Site in Genesis with the Agency Theme

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

In this session we demonstrate how to troubleshoot a broken site in Genesis with the Agency theme where there are no body classes assigned to the body tag. We update WordPress and Genesis but the body classes still do not exist and schedule a separate seminar to further explain how to troubleshoot this problem. Leah:

Part 3 – Using Different Background Images on Different Pages

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

The next thing we're going to do in this How to Customize Thesis Skins with Background Images, Colors and Gradients lesson is to use different background images on different pages. What we have created so far looks just fine on the main front page but if we come over to the menu page, now all

Introduction to HTML for WordPress & Genesis 2 Users – Part 13 – Using the Genesis Body Class System

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to - ,

So far in this Introduction to HTML in WordPress and Genesis 2 seminar we’ve looked at CSS rules that would be applied across the site. We just worked with .entry-title and .content .entry-title a which are going to be applied everywhere that this is on the site. But Genesis and WordPress both have a body

Introduction to HTML for WordPress & Thesis 2.1 Users – Part 13 – Using the Thesis Body Class System

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

Applies to - ,

So we've talked about styles that are specifically related to text-like things and styles that are related essentially to global classes. And now we’re going to look at using the Thesis Body Class System.Now, Thesis also has a body class system. The one expression of that you see is this right here where it says

Integrating WooCommerce with Thesis 2 – Part 8 – Integrate with Thesis – Step 5 – Set the Body Class

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

As I just said, now we're on Step 6 of Integrating WooCommerce with Thesis 2 which is going to completely change the way these things look with a set of CSS that comes with WooCommerce. The first thing we’re going to do in order to make that happen is to set the body classes. Now,

How to Specify a Height for the Homepage Only Using the Thesis Body Class

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we talk about how to specify a height for the homepage only using Thesis body class. We show what the syntax will look like when we give the post box an explicit height. We also talk about the correct CSS syntax when referencing the same html element. Member: Rick, I was going

How to Override a Plugin’s CSS in Thesis 2

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

In this session we discuss how to override a plugin’s CSS in Thesis 2 by increasing the specificity of the CSS selector. We discuss the order in which CSS from WordPress and Plugins are loaded and how when the specificity level is the same, the last rule made in CSS takes precedence. We show how

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

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

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

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

How to Use Post Formats in Thesis – Part 4 – Add Custom Body Class

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In part 4 of this series on Using Post Formats in Thesis, we add a custom body class to the post format so that you can add different styles to a specific format. Code used in this lesson is shown below. Rick: And if we view the page source and look at our body class,

How to Create Custom Templates For Posts – Part 3 – Add Custom Body Class

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

Applies to -

This is the third in a short series on creating custom template styles for posts. We will be using Thesis hooks and filters to create these “post templates”. In this part we write the function that adds a custom body class to each custom template using the thesis_body_classes filter. So that takes us on to

Lesson 6 – Part 3 – CSS Specificity and the Thesis Custom Body Class System

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

Welcome back to Part 3 of the Lesson 6 of the Customize Thesis Like a Pro tutorial series. In this part of the lesson, we are going to discuss how CSS specificity and the Thesis custom body class work together. Thesis Custom Body Class Refresher Now just to refresh your memory about the Thesis custom

Lesson 5 – Part 1 – Understanding Thesis Custom Body Classes

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome to Lesson 5 of the Customize Thesis Like a Pro tutorial series. In this lesson, we’re going to discuss the Thesis Custom Body Class system. This is the heart of what makes the Thesis theme so easy to customize with css. The Thesis Custom Body Class system allows you to customize all pages, a

Lesson 5 – Part 2 – Apply Styling to Individual Pages, Posts and Archives

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome back to Part 2 of Lesson 5 of the Customize Thesis Like a Pro tutorial series. In this 2nd part of the lesson, we are going to take a look at ways of using the automatically generated custom body class with header images. We’re going to mix it up so that we have a

Lesson 5 – Part 3 – Apply Styling to Groups of Pages, Posts and Archives

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

Welcome back to the 3rd part of Lesson 5 of the Customize Thesis Like a Pro tutorial series. In this 3rd and final part of the lesson, we are going to use the custom body class to apply styling to groups of pages and posts based on that custom body class. Vary Header Image for

Lesson 5 – Using the Thesis Custom Body Class System

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In this Thesis theme video tutorial lesson you will learn how to use the Thesis custom body class system to apply unique styling to individual pages, posts and archives. This is the heart of what makes the Thesis theme so easy to customize with CSS. We will also learn how to use this concept to

Thesis Custom Templates Part 2 – Do you need a Custom Template to Customize the Appearance of a Specific Page?

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

Applies to -

The member asks if he needs to use custom templates in order to create a site where each page has similar structure but with different colors. We discuss the various methods of customization of a Thesis website.  I describe the 3 types of customization available in Thesis: Customizing using custom classes and CSS Customizing using