On the Admin settings page, there is a tab for "Custom Code" where you can enter [CSS](https://en.wikipedia.org/wiki/CSS) to customize the look & feel of CommaFeed. Many of the HTML elements of CommaFeed have been given specific class names to make it easier to write CSS rules. For example, the header of a feed entry is enclosed in an HTML `<div>` element with the class name `cf-header`. So if you wanted to modify the appearance of all feed entry headers, you could use that specific class name to select all feed entry headers and apply whatever changes you desired. For example, if you want to make change the background color of the headers, you could add this to the custom CSS code:
```
.cf-header {background-color: lightblue;}
```
The tables below list useful page elements as well as all of the CommaFeed specific class names, and describes their corresponding page elements. These elements are selected to provide a good "starting point" within each portion of the feed reading page. Sometimes that's all you'll need, but to modify some elements of the page, you will have to start at one of the CommaFeed specific class names and then "drill down" to the HTML element you wish to change. A useful approach is to use your web browser's Inspector to find the element you want to change. (Typically you can hit F12 to bring up the web developer tools.) Find the element you want to change. If it has a "cf-" class name from the table below, then you can modify it directly using the formula illustrated above with "cf-header". If it doesn't have a "cf-" classname, then search upwards through the enclosing elements until you find one that does. Use that name as your starting point and extend your CSS selector down to the element you want to modify.
If you're having trouble writing a CSS rule, changing the background color as in the rule above can be helpful to see what elements your selector is selecting -- or if it is not selecting anything!
## Extended Example
The extended example below modifies the CommaFeed interface to be more minimal and illustrates a variety of uses of the CommaFeed class names and CSS. There are examples of styling CommaFeed classes directly as well as examples of more complicated selection rules.
The table below shows some elements of the CommaFeed main page that are useful for applying custom CSS. Note that these are elements, not class names, so you must use these without the leading period used to reference a class name. For example:
