Theme Customizer: Colors

On this page I’ll be explaining what each color option represents in our themes. Please note that not all color options are available for all themes.

1. Body Font Color

The color of the text used for your post.

body-font-color
2. Link Color

The color used for links.

link-color
3. Link Hover Color

The hover color for links.

4. Border Top Color

The color used for the border at the very top of the page (above your header). Available for select themes.

border-top
5. Header Title Color

The color of your blog title.

header-title-color
6. Header Tagline Color

The color of your blog tagline.

header-tagline-color
7. Headings Font Color

The color that will be used for your headings (H1-H6)

headings-sample
8.  Main Menu Text Color

The color used for the text in your navigation menu.

menu-text-color
9. Main Menu Background Color

The color used for the background of your navigation menu.

menu-background
10.  Sub Menu Background Color

The color used for the background of your drop down menu.

sub-menu-background
11. Background Color

The color used for the background of your theme. Available for select themes.

12. Main Menu Border Color

The color used for the border of your navigation menu. Available for select themes.

main-menu-border
13.  Post Title Color

The color used for your post titles.

post-title-color
14. Post Title Hover Color

The hover color for post titles.

15. Date and Comment Link Color

The color used for your post date and “leave a comment” link.

date-comment
16. Announcement Background Color

The background color used for the announcement bar. Available for select themes.

announcement-bar
17. Announcement Text Color

The text color used for the announcement bar. Available for select themes.

18. Widget Title Color

The color used for your widget title.

widget-title-color (2)
19. Widget Title Border Color

The color used for the border on your widget title. Available for select themes.

widget-border-color
20. Widget Title Background Color

The background color that will display behind the title of your widget. Available for select themes.

widget-background-color
21. Widget Area Background Color

The color used for the entire background of the widget area. Available for select themes.

widget-area-background
22. Entry Footer Border Color

The color used for the line that divides your posts.

23. Icons Color

The color of your social media icons.

social-media-icons
24. Blockquote

The color used for your blockquote.

blockquote
25. Button

The color used for the buttons on your site. For example the “Post Comment” button.

post-comment
26. Button Text

The color used for the text on the buttons on your site. For example, the “Post Comment” button.

27. Pagination Current

The color used for the page numbers background at the bottom of your blog. This will be the color of the current page button.

pagination
28. Pagination Next

The color used for the page numbers background at the bottom of your blog. This will be the color of the next page buttons.

pagination
29. Pagination Text Color

The color used for the text or numbers in your pagination.

30. Footer Background Color

The color used for the background of the footer widgets area.

31. Footer Text Color

The color used for the text in your footer widgets.

32. Footer Link Color

The color used for your footer links (for example, the footer credits).

33. Footer Hover Link Color

The hover color for your footer links (for example, the footer credits).