Build Your Own Business Website header image

Customize Thesis 2.1 Like a Pro

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

This is a new lesson series intended to take a beginner from no knowledge of HTML, CSS and PHP to being fully capable of customizing Thesis 2.1. You’ll need no prior knowledge of CSS, HTML or PHP. Not ready to tackle CSS, HTML and PHP? Check out our boxes and skins for Thesis 2.1. They let you implement your design work without knowing any CSS or programing.

These lessons build on the “Start Building Your Website Here” video tutorials but don’t assume that you have watched them. If you already have Thesis activated on a WordPress site and are comfortable with the basics of WordPress then this is a great place to start.

Before you begin

  1. Watch the Seminar Series – The Beginner’s Guide to the Thesis 2.1 Skin Editor – This will give you a great overview of the tool set Thesis provides.
  2. Watch the Seminar Series – Introduction to HTML for WordPress and Thesis 2.1 Users – This will give you a good introduction to very basic HTML and CSS.

Customize Skins with Background Images, Colors & Gradients

  1. Understanding Background Images
  2. Add a Tiling Background Image to the Body of a Skin
  3. Using Different Background Images on Different Pages
  4. Add a Color to the Sidebar with a Tiling Image
  5. Using a Fixed Background Image in a Child Theme
  6. Using Multiple Background Images in the Same HTML Element
  7. Using Semi Transparent Background Colors Over a Background Image
  8. Adjusting Background Images for Mobile Devices
  9. Understanding and Using Gradients

Customize Thesis Skins Using Custom Fonts

  1. Understanding Fonts, Font Families and Font Stacks
  2. CSS2 Font Properties
  3. CSS2 Text Properties
  4. Using Text Align & Vertical Align for Positioning
  5. Using CSS3 Text Shadow to Enhance Your Design
  6. Introduction to Web Fonts
  7. Self Hosting Fonts on Your Server
  8. Using Google Fonts with Thesis 2.1
  9. Using Adobe Edge Fonts with Thesis 2.1
  10. Using TypeKit Fonts with Thesis 2.1
  11. Using Fonts from with Thesis 2.1
  12. Using Font Awesome Icons with Thesis 2.1
  13. Create Social Media Links with Font Awesome Icones
  14. Add Icons to the menu with Font Awesome

Save $200 on Membership Now!

Start learning today for as little as
$0.82 PER DAY!
Subscription Options
2 Comments… add one
2 comments… add one
  • Carlos January 21, 2018, 8:40 pm

    I am moving to Thesis 2.5. Are your courses regarding Thesis 2.1 and 2.2, etc., applicable to Thesis 2.5?