Change Color, Font, And Size of Text

When you select "Fonts and Colors" on the Layout page, "Text color" is the first in the vertical list, but "text font" is further down (sixth on my list); if you click on that link, a list of fonts (not previously showing) should appear in place of the color boxes out to the right. Furthest to the right are boxes to check for Smaller, Larger, Bold, and Italic. If you still aren't seeing what you expect, never underestimate the value of "clearing the cache and cookies" to update your screen.

Change Color, Font, And Size of Text

When you select "Fonts and Colors" on the Layout page, "Text color" is the first in the vertical list, but "text font" is further down (sixth on my list); if you click on that link, a list of fonts (not previously showing) should appear in place of the color boxes out to the right. Furthest to the right are boxes to check for Smaller, Larger, Bold, and Italic. If you still aren't seeing what you expect, never underestimate the value of "clearing the cache and cookies" to update your screen.

Body (Or Background) Color

The background color for your blog is not located with the other color changes in "Fonts and Colors". Oddly enough, to change the blog's background color requires going into the template--you'd think it would be among the other clickable changes. Some new bloggers may not like the idea of revising the template code, but eventually you will want something bad enough to dare! When the time comes for this change, look for a section resembling this below (from one of my other blogs):

body {
background:oldlace; url("xxxhttp://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia, Serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}

or, similarly, this (from the code for this blog):

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

It's the "body" where you want to make the change or else create the color. Find or alter the color statement--whether you use a number or name doesn't matter. If you have to add the "background: color;", just be sure it's inside the brackets like you see in the two examples above.

See also my post about Fonts And Colors

END.

Change Color And Font

Steps 1--10 to change a font or color in New Blogger

1. go to the Dashboard 2. click on the Page Elements tab. 3. look up above and click on Fonts And Colors. You'll see a list. 4. on the left side click on which area you want to change color. 5. on the right side click the correct color for that text area. 6. on the left side you may have to scroll down for the font list. 7. then on the left click on which area you want to change text in. 8. on the right side click on the font, size, bold, italics you want. 9. in 4-7 above you can see the changes in the small view window at the bottom of the screen. Sometimes it has a glitch and won't show, but you can make the changes anyway if you are confident of yourself. You will see the change (or not) when you return to View Blog. If you're not confident, try again later. 10. be sure to Save Changes before you exit.

Things you can change in the list include:

Text Color
Blog Title Color
Post Title Color
Sidebar Title Color
Date Header Color
Text Font
Blog Title Font
Blog Description Font
Sidebar Title Font
Date Header Font

Some detail about Text Fonts:

Text color is the first in the vertical list, but "text font" is sixth; if you click that link, a list of fonts (not previously showing) should appear in place of the color boxes out to the right. Furthest to the right are boxes to check for Smaller, Larger, Bold, and Italic. If you still aren't seeing what you expect, never underestimate the value of "clearing the cache and cookies".

Body (or background) Color

Oddly enough, to change the blog's background color requires going into the template. See if you find a section resembling this from one of my blogs:

body {
background:oldlace; url("xxxhttp://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia, Serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}

or, similarly, this is the code for this blog:

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

It's the "body" where you want to make the change or else create the color. Find or alter the color statement--whether you use a number or name doesn't matter. If you have to add the "background: color;", just be sure it's inside the brackets like you see in the two examples above.

END.

Change Color And Font

Steps 1--10 to change a font or color in New Blogger

1. go to the Dashboard 2. click on the Page Elements tab. 3. look up above and click on Fonts And Colors. You'll see a list. 4. on the left side click on which area you want to change color. 5. on the right side click the correct color for that text area. 6. on the left side you may have to scroll down for the font list. 7. then on the left click on which area you want to change text in. 8. on the right side click on the font, size, bold, italics you want. 9. in 4-7 above you can see the changes in the small view window at the bottom of the screen. Sometimes it has a glitch and won't show, but you can make the changes anyway if you are confident of yourself. You will see the change (or not) when you return to View Blog. If you're not confident, try again later. 10. be sure to Save Changes before you exit.

Things you can change in the list include:

Text Color
Blog Title Color
Post Title Color
Sidebar Title Color
Date Header Color
Text Font
Blog Title Font
Blog Description Font
Sidebar Title Font
Date Header Font

Some detail about Text Fonts:

Text color is the first in the vertical list, but "text font" is sixth; if you click that link, a list of fonts (not previously showing) should appear in place of the color boxes out to the right. Furthest to the right are boxes to check for Smaller, Larger, Bold, and Italic. If you still aren't seeing what you expect, never underestimate the value of "clearing the cache and cookies".

Body (or background) Color

Oddly enough, to change the blog's background color requires going into the template. See if you find a section resembling this from one of my blogs:

body {
background:oldlace; url("xxxhttp://www.blogblog.com/harbor/rocks.jpg") no-repeat right bottom;
background-attachment:fixed;
margin:0;
padding:0;
font:x-small Georgia, Serif;
color:$textcolor;
font-size/* */:/**/small;
font-size: /**/small;
}

or, similarly, this is the code for this blog:

body {
background:#123;
margin:0;
text-align:center;
line-height: 1.5em;
font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

It's the "body" where you want to make the change or else create the color. Find or alter the color statement--whether you use a number or name doesn't matter. If you have to add the "background: color;", just be sure it's inside the brackets like you see in the two examples above.

END.

Font Tags As Style Statement

W3C says: The <font> tag in HTML is deprecated. It is supposed to be removed in a future version of HTML.

Even if a lot of people are using it, you should try to avoid it, and use styles instead.

Yipes. I have always used the <font> tags, so I probably have lots of errors out there, but I don't think I'll correct any of them until they truly cease to work. Meanwhile I guess I will try to use the "styles". I'm still teaching myself and will probably step on my own whoosit! But let's plod on and look at the following that you/I might place in a post:

<p style="font-family:Times New Roman;font-size:130%;color:green">

ALL of it should precede the text to be viewed (green text below). View the Source Code for this post if that isn't clear.)

This is a sentence with some text in it. This is a dizzy sentence with some text in it. This is yet again a sentence with some text in it. This is another sentence with some text in it. This is a sentence with some silly green text in it. This is another silly sentence with some text in it. This is a damn sentence with some text in it. This is a puke-green sentence with some more damn text in it.

That would be too complicated, I suppose, if you needed it for frequent use or intended it for every post. I need to establish it as a CSS description so that it's on tap when I need it. So I'll add

#fs1 {font-family:Times New Roman;font-size:130%;color:green; }

to my template's CSS (cascading style sheets). The "fs1" is just an arbitrary code that I made up; as long as it is repeated in the code below, any word you choose instead will do.

Reference to the #fs1 is placed in the post thus:

<div style id=fs1> text </div>

---

Font Tags As Style Statement

W3C says: The <font> tag in HTML is deprecated. It is supposed to be removed in a future version of HTML.

Even if a lot of people are using it, you should try to avoid it, and use styles instead.

Yipes. I have always used the <font> tags, so I probably have lots of errors out there, but I don't think I'll correct any of them until they truly cease to work. Meanwhile I guess I will try to use the "styles". I'm still teaching myself and will probably step on my own whoosit! But let's plod on and look at the following that you/I might place in a post:

<p style="font-family:Times New Roman;font-size:130%;color:green">

ALL of it should precede the text to be viewed (green text below). View the Source Code for this post if that isn't clear.)

This is a sentence with some text in it. This is a dizzy sentence with some text in it. This is yet again a sentence with some text in it. This is another sentence with some text in it. This is a sentence with some silly green text in it. This is another silly sentence with some text in it. This is a damn sentence with some text in it. This is a puke-green sentence with some more damn text in it.

That would be too complicated, I suppose, if you needed it for frequent use or intended it for every post. I need to establish it as a CSS description so that it's on tap when I need it. So I'll add

#fs1 {font-family:Times New Roman;font-size:130%;color:green; }

to my template's CSS (cascading style sheets). The "fs1" is just an arbitrary code that I made up; as long as it is repeated in the code below, any word you choose instead will do.

Reference to the #fs1 is placed in the post thus:

<div style id=fs1> text </div>

---

Change Font In Posts

In New Blogger:
1. go to Dashboard 2. go to Layout 3. click on Fonts and colors 4. click Text Font in box at left 5. locate list of font styles at right 6. click one. 7. click Save Changes when finished END.

Change Font In Posts

In New Blogger:
1. go to Dashboard 2. go to Layout 3. click on Fonts and colors 4. click Text Font in box at left 5. locate list of font styles at right 6. click one. 7. click Save Changes when finished END.

Change font size in sidebar

In New Blogger
1. go to Dashboard 2. go to Layout 3. click on Fonts and colors 4. click Sidebar Title Font in box at left 5. locate Smaller and Larger at right 6. click one or more times to increase/decrease the size 7. click Save Changes when finished

END.

Change font size in sidebar

In New Blogger
1. go to Dashboard 2. go to Layout 3. click on Fonts and colors 4. click Sidebar Title Font in box at left 5. locate Smaller and Larger at right 6. click one or more times to increase/decrease the size 7. click Save Changes when finished

END.

Scribe--additional words for links

If you're using the scribe template, thE script for the various titles is NOT a font, but each word is an graphic. You may want to know the following for further heading titles:

p.s. Every time I click on it, there's a glitch, a pause of a couple of seconds, that claims an "Internal Error" and then it goes on to the site. Be patient and it'll come up.

SCRIBE FONT, ADDITIONAL WORDS

Scribe--additional words for links

If you're using the scribe template, thE script for the various titles is NOT a font, but each word is an graphic. You may want to know the following for further heading titles:

p.s. Every time I click on it, there's a glitch, a pause of a couple of seconds, that claims an "Internal Error" and then it goes on to the site. Be patient and it'll come up.

SCRIBE FONT, ADDITIONAL WORDS