Customization Tips & Tricks

Advanced Customization with FireBug

This video covers how to use FireBug to isolate selectors for advanced CSS customization. Although the goal of the video is now easily accomplished using Platform, it is a great example of how to use FireBug to your advantage.

You can find much more information on how to use FireBug at http://getfirebug.com/

Colors & Fonts with CSS

Platform provides a few color and text options including color pickers for background-color, page-content background, text headers, text links, and text link hovers as well as font options for Cufón and Google Font Library

If you need to change more than the options we’ve provided you can accomplish a lot using CSS. There is a box for you in the Platform Settings – Custom Code panel that allows you to enter CSS rules if you prefer not to edit template files directly.

To change the basic paragraph fonts a simple line of code like this will do a lot:

.font-primary, body, .commentlist {font-family:Arial, Helvetica, sans-serif;}

It is important to note that using Cufon and Google font treatments will significantly increate page load time if overused, this is why the above CSS code is very valuable for making overall changes to the body of your site.