Help with fonts

dbphoto1981
November 21, 2014 at 12:24 pm #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
November 21, 2014 at 6:24 pm #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
November 22, 2014 at 10:17 am #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
November 22, 2014 at 10:34 am #43893
```
#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.
```
.post-title, .post-title a {

font: 24px "gabriola", arial, sans-serif;

}
```
dbphoto1981
November 22, 2014 at 10:38 am #43894

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

dbphoto1981
November 22, 2014 at 10:39 am #43895

Quote:

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

It’s not showing that on mine.

Anonymous
November 22, 2014 at 10:48 am #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
November 30, 2014 at 9:43 am #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
November 30, 2014 at 10:06 am #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
December 1, 2014 at 8:08 pm #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.