Is there a way to change the heading font color?

kgphotos

Hi dgrinners. I would like to change the heading font color on my website. If you go to my about page you'll see the "About Me" is one color and the text under it another color. I am using a text box. The "About Me" is normal text while the text under that is a "heading 4" size. Is there a way just to specify what color I want the heading text to be? I also have a "heading 3" on my homepage. I am attaching a screenshot also.

Thanks for your help!
-Karen

my website…http://www.karengrantphotography.com

Darter02

One way is to use an HTML box instead of the text. Then you can modify using codes right in the box. See this thread from the other day.

leftquark

[QUOTE=kgphotos;1951890I would like to change the heading font color on my website. If you go to my about page you'll see the "About Me" is one color and the text under it another color. I am using a text box. The "About Me" is normal text while the text under that is a "heading 4" size. Is there a way just to specify what color I want the heading text to be? I also have a "heading 3" on my homepage.
[/quote]

The easiest way would be to use an HTML block like Darter02 stated. The way it is now, I could give you some complex code but it would be annoying.

Instead of the "Text Box" use an "HTML" block.

You can then create some HTML like:

<span class="myHeader">About Me</span>
<span class="myText">This is about me section and tells you how awesome I am!</span>

<span class="myHeader">My Camera Gear</span>
<span class="myText">I use a bunch of cool cameras</span>

And the CSS:

/* Specify the Header Font Color and Size */
.myHeader {
  font-size: 20px; 
  color: blue;
}

/* Specify the Body Text Font Color and Size */
.myText {
  font-size: 14px;
  color: grey;
}

Feel free to change as required.

kgphotos

Hey Leftquark and Darter02 thanks for responding!
I will do the HTML box tomorrow. I have a very basic knowledge of HTML and CSS. So I might post back tomorrow with questions!

BTW Leftquark…Your customization page is awesome! I am going to use a few of them!

leftquark

kgphotos wrote: »

BTW Leftquark…Your customization page is awesome! I am going to use a few of them!

Glad to be of service

kgphotos

leftquark wrote: »

Glad to be of service

Hey leftquark…
I just updated my "about me" page with the HTML box. I did h3 for the About Me and My Camera Bag and h4 for the text. The colors for the h3 tag is #cccccc and h4 tag is 8f919c. I basically wrote is like this:
<h3>About Me</h3>
<br />
<h4>I try to carry my camera everywhere as I am always observing the world around me. If I am not taking a photograph, then I am reading or learning online about photography. I know I am addicted to it.

And for the CSS I did this:
h3 {
color: #ccccccc;
}
h4 {
color: #8f919c;
}

Is this code good? It looks fine on a Mac with Safari and my iPad. I know you mention span style but I don't know what span style means. I did go to W3 schools and tried to understand it. And in the CSS you called out the font which I didn't do. I am thinking my code is good. If you have a moment, could you take a look to make sure it is all good? I haven't done the homepage text yet.

Thank you very much for your help!
-Karen

my website… http://www.karengrantphotography.com