Build Your Own Business Website header image

Custom Body Class

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 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,

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 6 – Inheritance and Specificity in Thesis

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this Thesis theme video tutorial lesson we will learn about the CSS concepts of Inheritance and Specificity and how they are applied in the Thesis theme. Inheritance is the process by which a style is passed on from parent element to child element. Specificity is the means by which a browser distinguishes between potentially

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

Lesson 7 – Part 2 – How to Use Custom Classes to Selectively Apply CSS Rules

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects - ,

Applies to -

In the second part of this lesson we’re going to add custom classes to our pages. Then we can assign those custom CSS styles to specific pages and therefore have different definitions for different pages. Add a Custom Class to a Thesis Page Start by opening up the Dashboard. What we’re going to go is