Help with fonts

  • dbphoto1981

    #9542

    Hi, I really want to change my sites default header fonts (as in the page names that show up at the top of each page above the text, below the menu) I have installed ‘Use Any Font plugin’ but it is still not doing this? sorry can anyone help?

    Thanks

    Anonymous

    #43891

    I don’t know exactly what part you mean. Make sure you put one of these in your child theme (a copy of the original graphene theme).

    Just change the font and size to whatever you want.

    Header Navigation (Pages)

    #header-menu > li {
    font: 16px "verdana",arial,sans-serif;
    }

    Categories Navigation

    #secondary-menu > li {
    font: 11px "verdana",arial,sans-serif;
    }

    Post & Page Title

    .post-title, .post-title a {
    font-family: "verdana",arial,sans-serif;
    }

    dbphoto1981

    #43892

    It is for the heading:

    <h1 class="post-title entry-title">
    About Us </h1>

    On all pages, but this is an example: http://www.birchphotography.com/about-us/

    So the main title. Will the above you sent do this? if I want it in Gabriola font.

    Thanks.

    Anonymous

    #43893

    1416652136459.png

    #header-menu > li {
    font: 20px "gabriola", arial, sans-serif;
    }

    The arial, sans-serif are back up fonts in case the user’s browser doesn’t support gabriola. You can change/remove it though if you want.


    1416652462567.png

    .post-title, .post-title a {
    font: 24px "gabriola", arial, sans-serif;
    }

    dbphoto1981

    #43894

    Thanks, what file do I edit to get those parts?

    dbphoto1981

    #43895
    Quote:
    Thanks, what file do I edit to get those parts?

    It’s not showing that on mine.

    Anonymous

    #43896
    Quote:
    Thanks, what file do I edit to get those parts?

    It’s not showing that on mine.

    You have to add this to your style.css file in the child theme folder.

    Before you try to change the font, please create a child theme first. Do not fiddle around with original theme files because your changes can be overridden with future updates! That’s why I advice you to create a child theme first. There you can do whatever you want without messing up your theme.

    http://docs.graphene-theme.com/Customisation_using_a_child_theme

    Only takes a few minutes.

    dbphoto1981

    #43897

    Thanks, I have created the child theme style sheet now, what code do I put in there where it says /* your modification goes here*/ ?

    dbphoto1981

    #43898

    As I just tried adding

    /*
    Theme Name: Graphene Child
    Theme URI: http://example.com/
    Description: Child theme for the Graphene theme
    Author: Your name here
    Author URI: http://example.com/about/
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");
    /* Your modification goes here */
    .post-title, .post-title a {
    font: 24px "gabriola", arial, sans-serif;
    }

    And aplied the theme and it didnt keep my site looking as it currently does at all, it reverted back to standard graphene?

    Anonymous

    #43899

    1. Where have you modified your site in the past? Did you use the graphene custom CSS option or did you modify the style.css file directly?

    2. Did you also modify PHP files in the past?

    3. What do you mean it reverted back to the default theme? Do you mean the coloring or did the layout (e.g. widths, fonts, etc.) change too?

    Maybe this helps you a little:

    https://forum.graphene-theme.com/graphene-support/can-i-convert-a-modified-graphene-parent-theme-to-a-child-theme

    https://thethemefoundry.com/blog/wordpress-child-theme/


    And as far as I know you have to change the color settings again for your child theme in the admin panel because it’s not entirely the same theme. Check below!

    Original Theme: You have set certain color settings via the graphene options in the admin panel.

    Child Theme: New theme in terms of admin panel. The color options are default again that’s why your child theme’s style css is showing up the default theme.

    Try to export the color settings of the original theme (the one you unfortunately modified) and import the settings to your child theme. Back up your current settings just in case the new ones mess something up. This can be done in the graphene options under the color tab I think.


    PS: It’s not going without hassle. I modified my original theme aswell till I found out that it’s recommend to use a child theme. It’s like taking several steps back but in the long run a child theme saves you a lot of trouble. So you better go through it now or you face the risk of messing up even more in the future when there are new updates for the theme.

    dbphoto1981

    #43900

    Thanks for that, i’m going through it now.

    What is happening is I am loosing the background I have installed, which is just a white backgound, not sure where the code is for this and how to tell the new childtheme this?

    Will keep looking.

    Anonymous

    #43901

    Just set your background image again in the admin panel or did you use a color? If so, just add the color again under the grapehene options (“color” tab I think).

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.