Word Press for

üfil piihlith yoiirtrif.

I fan Color Uyptr Culot Lower Colui Revtrt J | AdvUtUd Update Header

Figure 11.4 The Header Image and Color dialog box.

2. Click one of the three color buttons: Font Color, Upper Color, or Lower Color.

The Color Picker opens (Figure 11.5).

Font Color

Upper Color

Lower Color

Revert

Update Header

Close Color Picker

Figure 11.5 All the (Web-safe) colors of the rainbow are available to you.

Close Color Picker

Figure 11.5 All the (Web-safe) colors of the rainbow are available to you.

note

The Upper Color and Lower Color settings allow you to create a gradient effect in the header. Upper blends into Lower. If you want your header to be a solid color, assign the same value to the Upper Color and Lower Color settings.

3. Click a color you like, or click the Advanced button to enter code values (Figure 11.6).

If you choose the Advanced option, enter a CSS (Cascading Style Sheets) value in the Font Color text box and hexadecimal codes in the Upper Color and Lower Color text boxes.

UpperColor (HEX>: ï69aee7

Lower Color (HEX>: »4180b6

Select Default Colors Toggle Text Display

Figure 11.6 If you're a hardcore geek, you can enter code for your colors.

CSS and hex colors are beyond the scope of this book, but for more tip information, check out CSS, DHTML, and Ajax, Fourth Edition: Visual QuickStart Guide, by Jason Cranford Teague (Peachpit Press).

4. Click the Update Header button.

If your color choice turns out to be particularly hideous, click the Revert button in the Color Picker to go back to the default color scheme.

5. When you're happy with the result, click the Close Color Picker button.

note

Not every theme has an option like this one. Check the theme's documentation to be sure.

Was this article helpful?

0 0

Post a comment