Colors, Fonts, Sizes & Shapes
Customizing Them The Right Way
Introduction
Custom CSS is by far the best way to customize your site.
It would be easy to add tons of theme options to every little thing in your site; but when trying to customize colors, shapes,text, and control each entity’s size… options aren’t always the best solution. This is because you could add 20 options just to control one block of text in a theme; so adding options for everything leads to an overly-complicated product.
The right way to do it is with your own CSS, so we’ll walk you through the professional way to get and use CSS to create the perfect site.
Getting Custom CSS Rules with FireBug
The easiest way to get CSS “rules” to use on your site is using the Firebug extension for Firefox.
This plugin allows you to change things directly on your site; and see your changes as you make them. Then you can just copy/paste these changes from Firebug into your custom CSS option or child theme.
The process goes like this:
Using this process you can change everything from fonts and colors, to the sizes of boxes and margins.
Custom CSS Resources
QuickTip Videos from the Forum
- How to quickly adjust sizes and padding using quick CSS and Firebug.
- Changing Background Colors with Custom CSS and Firebug
