Zero to CSS in 45 Minutes

Zero to CSS in 45 minutes: A beginner’s guide to editing CSS in WordPress

with WordPress geek Toby Cryns

It is time that you take control of your WordPress design!  In this hands-on workshop, Minneapolis-based WordPress guru, Toby Cryns, will teach you the basics of editing your website’s colors, fonts, and more using the CSS editor that is already installed on every WordPress website.  Due to the hands-on nature of this workshop, laptops are highly-recommended.

Everyone with a WordPress website or blog has the power to take charge of their design.  By the end of this 45-minute workshop, you will have the tools to:

Step 1: Get Firebug

Step 2: Open the WordPress file Editor

Go to your WordPress admin panel on your self-hosted website, and open “Appearance” -> “Editor”.  Then click on “style.css” on the right side.

Step 3: Use Firebug to figure out which CSS tags to edit.

Step 4: Edit the CSS in your WordPress file editor (in “style.css”).

Repeat steps 3 and 4 as necessary.



  1. Firebug
  2. Login to WordPress theme editor
  3. Change blog title font-family
  4. Give blog title some fire
  5. Add drop-shadow to H2 tags
  6. Add drop-shadow to images
  7. Change the styling of bullet-points (
  8. What do you want to do?
Posted in ,