childs theme

  • fingers8

    #6940

    Hello,

    I’m hoping you can take the time to help me. I started a ‘childs’ theme’ out of the style css as the developer recommended. I also copied and pasted the css he recommended.

    I have also chosen some webfonts and pasted them in there, with no results. Please bare with me. This is very new to me. And I am really trying to learn the procedures.

    You have been wonderful in the past, and I so appreciate your assistance.

    Best out,

    Laura

    Mod

    Kenneth John Odle

    #36258

    Add Google webfonts to Graphene’s Google webfonts options.

    For other webfont sources (Google is but one), use a child theme. You will need to hook the relevant code to the wp_head action hook in your child theme’s functions.php file.

    fingers8

    #36259

    Hello there,

    First off, I used the style css to change the fonts in the editor. Then I added the webfonts pasting the css into the ‘style css’. I chose ‘julius sans one’ and merienda

    Then I went through each area of the ‘style css’ and I thought changed the font. The weird thing is that the font merienda did work where I asked for it. But, the ‘julius sans one’ did not show up in the content, or body, where I specified it.

    Can you help me?

    Thank you in advance.

    Laura

    Mod

    Kenneth John Odle

    #36260
    Quote:
    Then I added the webfonts pasting the css into the ‘style css’. I chose ‘julius sans one’ and merienda

    You can change the font in the style sheet, but that does not add the webfont. You need to do that as I outlined above.

    If some are showing up for you, but not others, it is probably because the fonts that are working are installed on your local machine, but not the others. If someone views your site and they don’t have those fonts installed on their machine, they won’t see those fonts at all.

    fingers8

    #36261

    I did add the ‘google’ webfonts to the css of the graphene text css. But, try as I might, I don’t know how to create a child template. I tried using a plug-in, but that didn’t work.

    I am lost as far as how upload a file into the theme. Any help would be appreciated.

    Mod

    Kenneth John Odle

    #36262
    Quote:
    I did add the ‘google’ webfonts to the css of the graphene text css

    You do NOT add the webfont info the child theme style sheet. You must add that to Graphene’s Google webfonts feature. You can then style items with those fonts in the child theme style sheet.

    In Google webfonts feature:

    Pontano+Sans::latin,latin-ext

    or whatever font you are using

    In CSS:

    .class {font-family: Pontano, sans-serif;}

    or whatever selector you are using.

    Quote:
    I am lost as far as how upload a file into the theme. Any help would be appreciated.

    That is the point of using Google webfonts: you don’t need to upload anything to your site.

    fingers8

    #36263

    I know you are probably as frustrated with this matter as I am. But I need a resolution. I copied and pasted what was in google webfonts into the graphene options display for font indicators, and I see no results. This is exactly what I pasted. Please help me resolve this issue before I pull all my hair out.

    Best,

    Laura

    PS Explain it like I’m a five year old, please.

    font-family: Julius Sans One, sans-serif;
    font-family: Merienda, cursive;
    .footer {font-family: Merienda !important; font-weight: bold;
    }
    .content {font-family: julius sans one; font-size: 20px; 1.5em;
    }
    .navigation {font-family: merienda;
    }

    fingers8

    #36264

    Hello,

    My url is url=http://gardenfingers.net. Font trouble. Below is what I put in the graphene-display-text area. Am I putting the google webfonts in the wrong area. I’m unclear as to where it goes. I have no ‘childs template.’

    font-family: Julius Sans One, sans-serif;
    font-family: Merienda, cursive;
    .footer {font-family: Merienda !important; font-weight: bold;
    }
    .content {font-family: julius sans one; font-size: 20px; 1.5em;
    }
    .navigation {font-family: merienda;
    }

    Please help. Thank you for your time and patience.

    Cheers,

    Laura

    Prasanna SP

    #36265

    Put code in between backtick (

    Code:
    `

    ) characters. It’s usually located above the Tab key on your keyboard.

    fingers8

    #36266

    Thank you, Prasana, for your patience. I put those tick marks in. Can you tell me what I’m doing wrong?

    Thank you muchly,

    Laura

    font-family: Julius Sans One sans-serif;
    font-family: Merienda cursive;

    .footer {font-family: Merienda !important; font-weight: bold;
    }
    .content {font-family: "julius sans one"; font-size: 20px; 1.5em;
    }
    .navigation {font-family: merienda;
    }
Viewing 10 posts - 1 through 10 (of 15 total)

You must be logged in to reply to this topic.