In this Thesis theme video tutorial lesson we will learn the basic principles of customizing the appearance of your Thesis theme website using CSS. Fortunately the Thesis theme is designed to be very easily customized using CSS and if you don’t know a thing about CSS it provides a very gentle introduction. You can make a huge impact on the appearance of your site with only very basic knowledge of CSS. Advanced CSS concepts are almost never needed.
We will start off by introducing Cascading Style Sheets; what they are, how they work and why we use them. Next we look at the various style sheets that the Thesis theme uses and discuss their purpose and composition in a Thesis site. Finally we spend the majority of this lesson discussing best practices with practical examples showing you how to customize your site.
- What are Cascading Style Sheets?
- Why do We Use Cascading Style Sheets?
- Basic CSS Syntax
- What is the “Cascade” in CSS?
- Why bother with Thesis Design Options when we have CSS?
- Example – Site Wide Font Size
- Example – Typical Column Widths
- An extreme example of what not to do when customizing
- A not so extreme example of what not to do when customizing
- Example – Styling the Site Headline
- Example – Styling the Site Tagline
- Comment that code!
- Thesis theme gives priority to the
- What happens when you don’t use it?
- When not to use it.
- What is a descriptive name?
- What is a unique name?
- It violates Google’s rules
- It isn’t ever necessary
- Where I’ve Seen Thesis Users Try to Use it
- It is much less prone to error
- It is easier to recover from disaster
- It is easier to troubleshoot