How do I change the font size and font color of top toolbar area?

Overview

This article describes how to adjust the font color and font size for the top-toolbar areas of your WordPress Theme.

General Instructions:

  1. Log into your WordPress Dashboard
  2. Access the Site Options Panel by clicking on: Appearance > Site Options
  3. Click on the Styling and CSS tab
  4. Add the code below into the Custom CSS section
  5. Save changes and rejoice!

For Karma Theme:

To increase the Top Toolbar font size, add the following code:

#header .toolbar-left a, #header .toolbar-right a, #header .toolbar-left, #header .toolbar-right, #header .toolbar-left p, #header .toolbar-right p {font-size:12px !important;}

To change to font color, add the following code:

#header .toolbar-left a, #header .toolbar-right a, #header .toolbar-left, #header .toolbar-right, #header .toolbar-left p, #header .toolbar-right p {color:#CCCCCC !important;}

To add a hover color, add the following code:

#header .toolbar-left a:hover, #header .toolbar-right a:hover {color:#F2F2F2 !important;}

You may also combine both font size and color:

#header .toolbar-left a, #header .toolbar-right a, #header .toolbar-left, #header .toolbar-right {font-size:12px !important;color:#CCCCCC !important;}

Please adjust the above code according to your specific needs.


For Sterling Theme:

To increase the Top Toolbar font size, add the following code:

.top-aside *, .top-aside * a {font-size:12px !important;}

To change to font color, add the following code:

.top-aside *, .top-aside * a {color:#FFFFFF !important;}

To add a hover color, add the following code:

.top-aside * a:hover {color:#F2F2F2 !important;}

You may also combine both font size and color:

.top-aside *, .top-aside * a {font-size:12px !important;color:#FFF !important;}

Please adjust the above code according to your specific needs. [search_terms]change font, Change font, Adjust font color, Modify font color, modify font size, top toolbar font, top area links, top area text, above navigation text, about navigation font[/search_terms]