Change Page Heading font

[pbi design]

Hello,

I would like to change the font for the page headings only. Everywhere else, the headings font I’ve selected in theme options remains the same.

The font I would like to use is:
<link href=’http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic&#8217; rel=’stylesheet’ type=’text/css’>

And once that’s done, I would like to change the letter spacing.
Can you help me do that? Would it be with custom CSS?
thanks,
Rossitza

[Kyle – SUPPORT]

Hi

What you should do is assign the font as the h6 font in Theme Options > Font Options, so that the font is loaded on the page. The theme does not use any h6 in the code so it shouldn’t matter that you only want the font for page titles.

Then add this to your custom css:

.page-heading {
  font-family:"Roboto";
  font-weight: 700;
}

– Kyle

[pbi design]

When I go to font options I can only assign one font, globally, for all the headings (H1 through H6). So I’m not sure how to do this part.

[Kyle – SUPPORT]

Ahh yes sorry about that, ok you’ll need to add

<link href=’http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic’ rel=’stylesheet’ type=’text/css’>

to the header.php file, just before the closing tag

– Kyle

[pbi design]

right. I didn’t mention that I installed the child theme so I wouldn’t lose any changes like this one when there are theme updates. But I don’t see a header.php file in the child theme. Just functions.php Is this where it should go?

[Kyle – SUPPORT]

Copy the header.php from the parent theme to the child theme, then add the piece of code

– Kyle

[Rui Guerreiro – SUPPORT]

Did you added the code provided by Kyle to the custom css option?
-Rui

[pbi design]

ok. just to make sure: when you say “to the header.php file, just before the closing tag” do you mean at the very end of the file? This is what I see:

<!–// OPEN #page-wrap //–>
<div id=”page-wrap”>

Do I copy the code before this page-wrap closing tag, or at a specific line in the file…? I’m a bit confused.

[pbi design]

I did the custom css. I just want to make sure I understand where I need to copy the code in the headers.php file so it’s in the right place.

[Rui Guerreiro – SUPPORT]

Ok. First copy the header.php from the parent theme without any modification to the child theme directory.

After that edit that header.php inside the child theme directory and place that code before closing the head tag.

above this code

<!--// CLOSE HEAD //-->
	</head>

-Rui

[pbi design]

I’ve done both tasks and it’s not working. Here is the URL and the screen shots of the custom css and header.php

http://www.tri-volt.com/?page_id=11919

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Everything is in the right place just realized that the problem is in the code it’s used this character ’ instead of this "

Just replace the code provided earlier by this one

<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:700italic" rel="stylesheet" type="text/css">

-Rui

[pbi design]

Hello Rui,

I replaced the code and it’s still showing the page headings in Helvetica, not Roboto.
Here is the new screenshot of the header.php file.

http://www.tri-volt.com/?page_id=11919

thanks,

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

This url http://www.tri-volt.com/?page_id=11919 isn’t working, and in the http://www.tri-volt.com/ can’t find the Roboto font include. Can you check?

Thanks

-Rui