How to change font for h1, h2….h6 ?

  • 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!

    Mod

    Kenneth John Odle

    #32326

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

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

    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!

    Mod

    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

    #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;
    }
    Mod

    Kenneth John Odle

    #32330

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

    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

    #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

    #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

    #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.

Viewing 10 posts - 1 through 10 (of 17 total)

You must be logged in to reply to this topic.

Do NOT follow this link or you will be banned from the site!