How to change Font Size and Font Type


Question 1

How can I change my font size and font family?

 

Answer 1

Meet the WordPress Kitchen Sink:

The default WordPress Page/Post Editor gives you limited control over font color by activating the “Kitchen Sink”.

1) Kitchensink hidden (default)

wordpress kitchensink 3.2

2) Kitchensink active

kitchensink expanded wordpress

 

SmallBiz Version 3.8.x Options Panel Font Size and Family Picker:

In WordPress click on “Appearance” -> “SmallBiz Options” to find the Font Options.

SmallBiz WordPress Themes Font Family and Font Size picker

 


 

Question 2

My text and headlines are running into each other – how can I fix it?


Font Line height

 

Answer 2

Each font-family has a different “line height”.

You may need to adjust the line height after changing your font height and family.

1) Log into WordPress
2) Click on “Appearance” -> “Editor”
3) A file called “style.css” should load by default. If not select it from the bottom of the file list on the right.
4) Type or copy/paste the following (adjust the height in pixel to your needs)

h2{line-height:22px;}


h1{line-height:24px;}

 


 

Question 3

Can I change my Link colors for the entire site. The Options Panel link color picker is to restrictive.

 

Answer 3


Log into WordPress
2) Click on “Appearance” -> “Editor”
3) A file called “style.css” should load by default. If not select it from the bottom of the file list on the right.
4) Type or copy/paste the following (change the hex colors to your own).

a:link {text-decoration:none;color:#CCCCCC;} /* unvisited link */
a:visited {text-decoration:none;color:#CCCCCC;} /* visited link */
a:hover {text-decoration:underline;color:#B4CDCD;} /* mouse over link */
a:active {text-decoration:none;color:#B4CDCD;} /* selected link */

If you don’t see the changes right away you may need to reset your browser cache: http://userguide.expand2web.com/how-to-clear-the-browser-cache/