Custom CSS Styles for your profile on CustomFighters.com - Part 1 (continued)

The last thing I'm going to cover this time, is how to change the color of the text used in most places of the profiles. Changing the color of the links is a little more challenging, so we'll dip into that next issue.

Step 3: Changing the color of the text

The first box displayed (top left) of the profile, is in one class, called .alt1

The rest of the text is in another class, called .alt2

Changing the color of the .alt1 and .alt2 text:

Simply add in something like this, using whatever colors you wish to use:

.alt1 {
color : #002aff;
}
.alt2 {
color : #fffc00;
}

Example:

.alt1 is shown in blue

.alt2 is shown in yellow

With just those 3 styling techniques (background image, .tcat bars, and .alt text, you can make a whole variety of cool custom looks such as:

Next month: Changing the link colors, adding rollover effects to the links, and more!