1

[dramajan]

dramajan

#5613

I’m using Firebug to try to figure out what code in the css designates the font for the h1, h2, h3, h4, h5 and h6 heading type. So far, I have failed to solve the mystery.

Any suggestions? I would like to use a different font than what is now showing for these headings.

Here’s an example:

http://janprobst.com/film

I want to change the font for the heading “Barewitness Films” (h2)

Thanks!

[Kenneth John Odle]

Kenneth John Odle

#32326

Are you wanting to change the titles of your posts? Try this code:

.post-title, .entry-title {style info;}

[dramajan]

dramajan

#32327

Hi Kenneth.

No, not post titles. They’re fine.

I’m wanting to change the font/typeface (or font family) used for h1, h2, etc., for self-created subtitles on my pages.

Thanks!

[Kenneth John Odle]

Kenneth John Odle

#32328

Try this:

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6 {

style info here;

}

[dramajan]

dramajan

#32329

I put the following code into my child theme css. It had no effect. Tried different fonts in the code. No effect. Do I have the code right?

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6 {

font: tahoma;

}

[Kenneth John Odle]

Kenneth John Odle

#32330

There is no font specification in CSS. You want to use font-family instead.

[dramajan]

dramajan

#32331

Okay, thanks.

Would this be the correct way to designate the font-family? This had no effect on the h1,h2, etc. typeface either.

.entry-content h1,

.entry-content h2,

.entry-content h3,

.entry-content h4,

.entry-content h5,

.entry-content h6 {

font-family: Georgia;

}

[Anonymous]

Anonymous

#32332

That code works fine. Put it into child theme style.css file and it will change “heading 1, 2, 3…” when writting posts or pages.

Actually, there is a “font” specification in css and it specify all the font properties in one declaration line like this:

font:italic bold 12px/30px Georgia, serif;

Css font property

but in this case it’s better to use “font-family” property because you want to change family only.

[dramajan]

dramajan

#32333

Hi Luko.

I had already put the code noted in my last reply into css for my child theme. It had no effect on the h1,h2,h3, etc. typeface. The font still displayed the same (not Georgia).

Nothing I have done has changed the typeface for those subheads from the font drop-down menu.

I’m stumped.

[dramajan]

dramajan

#32334

I have begun to suspect that my child theme is not functioning the way it should. I closed my browser and relaunched it, cleared the cache, and then tried to make a change to my child theme css (in Editor) that I’ve made effectively in the past.

IN ORDER TO TEST MY CHILD THEME, I inserted the following code into css for my graphene child theme, in order to get rid of the grey borders around images:

.entry-content img{

border:0px solid #e3e3e3;

margin:5px;

}

This had no effect whatsoever. The grey borders are still there.

I’m guessing the problem has something to do with my child theme, although I’ve no idea what.

To create my child theme, I had made a style.css file with the following code, and uploaded that into a directory called “GrapheneChild” in my wp-content/themes directory.

/*

Theme Name: Graphene Child

Description: Child theme for the Graphene theme

Author: Jan Probst

Template: graphene

Version: 1.8.1

*/

@import url(“../graphene/style.css”);

/* Your modification goes here */

ANY SUGGESTIONS?

I should probably post this as its own topic since the subject seems to have changed.