change font on site title and tagline

Try this CSS

h1.site-title {
    font-size: 35px;
    font-style: italic;
    color: #000;
    text-shadow: 0 0 4px #FFF;
}
.site-description{
    font-size: 15px;
    font-style: italic;
    color: #000;
    text-shadow: 0 0 4px #FFF;
}

It’s just for sample code you can modify the size, style, color and etc..

Many thanks.

Using the above code will change the title and tagline on the homepage but on the other pages the title remains the same.

Also, is it possible to change the font type aswell ?

You mean font-family?

Its possible but you need to put font source file on your header

h1.site-title {
    font-size: 35px;
    font-style: italic;
    color: #000;
    font-family: cursive; // FONT FAMILY NAME
    text-shadow: 0 0 4px #FFF;
}

Hi
On the other pages, the .site-title is in a span, not a h1 ??
If you use google fonts, you can also select Embed, then @import, and copy the full link to the font, then you don’t need to edit the header.

• This reply was modified 7 years, 1 month ago by Carolina Nymark.

Hi,

I’m a bit confused.

Do you mean the easy google fonts plugin ? and where would I use the Embed and Import functions ?

Hi
Use the method that is easiest for you.
I have never used a plugin for fonts.

Go to google fonts website.
Select a font.
Follow their instructions: click Embed,
then Import.
Copy the code for the import.
Paste the code into the custom css option in the customizer.

OK, please forgive me but coding is not my strongest suit.

I’ve added the following code to the custom css option in the customizer:

.entry-title {
display: none;
}
<style>
@import url(‘https://fonts.googleapis.com/css?family=Playball&#8217;);
</style>
font-family: ‘Playball’, cursive;
h1.site-title {
font-size: 35px;
font-style: italic;
color: #000;
text-shadow: 0 0 4px #FFF;
}

There is a red circle with a white cross next to the entries @import and the previous line <style>

At the top of the page it says:

There are 2 errors which must be fixed before you can save.
Update anyway, even though it might break your site?

Markup is not allowed in CSS.

I don’t want to break the site, how can this be fixed ?

Hi
Remove the <style> tags, WordPress will add those.
Replace the ‘ with '.

The font-family: ‘Playball’, cursive;
needs to be inside the brackets:

h1.site-title {
font-family: ‘Playball’, cursive;
font-size: 35px;
font-style: italic;
color: #000;
text-shadow: 0 0 4px #FFF;
}

• This reply was modified 7 years ago by Carolina Nymark.
• This reply was modified 7 years ago by Carolina Nymark.

Wonderful, thanks that works.

next question…..

How can I make the title lower case ? Actually not entirely lower case but as – Troy Lover’s Ellis

• This reply was modified 7 years ago by ajarn.

I’ve just noticed you’ve added a typography section to the latest 2.4 version of your theme which makes it even easier to change the fonts in the title.

Many thanks again ??

Correction…..

The typography option appeared because I had the “easy google fonts” plugin installed.

Its been doing strange things too, I’ve just had an email from my web host saying over a 1000 emails have been reached and its because of this plugin – so I deactivated the plugin because I do not understand why its sending lots of emails – weird!