Using Custom CSS
Custom CSS can be used to further change the visual aspects of Business Pro to your liking. Some knowledge of CSS is useful, but is not required to begin using this option. We highly recommend using one of the following tools to help you determine the necessary CSS selectors to apply your custom changes: Firebug (http://getfirebug.com/) or Inspect Element (available in Google Chrome or Apple’s Safari).
Finding the selector
(note for this example we will be using Inspect Element)
Let’s say you want to change the color of the site name that is displayed in the top left corner of the header. Right click on the text and press inspect element. A new panel will open up at the bottom of your screen as shown above. The left side shows the HTML code that actually calls each element, and the right side shows the CSS class or ID. From there you would learn that the selector controlling the color is “.sitename a”. So, to change the color one would enter the following in Custom CSS:
.sitename a {color: red;}
Now the site name will display as red.
This is just one example, but there is really no limit to what you can accomplish with Custom CSS.
For more CSS resources, we recommend the following links:
http://htmlhelp.com/reference/css/
http://www.htmldog.com/guides/cssbeginner/
You may also post questions in the Business Pro Customization forum for help in achieving your desired customizations.
http://cyberchimps.com/forum/customization-businesspro/
