Change font of hero-title in Brooklyn Theme

.hero-title > span {
color: blue;
}

?

I’d like to change the font type, though, not the color…

Then if your font is as you say it is and has successfully found it’s way to your site then add the font-family bit.

Oh, and it looks like the first line of code needs to go in to your HTML not your CSS.

Like this?

.hero-title > span {
font-family: ‘ABeeZee’;
font-size: 20px;
}

what do you mean by first line of code? the import function?

Oh, no, maybe I’m wrong and you were correct to put it in the style.css.

And yes with the CSS rule.

I tried the above – it didn’t work either…

I’m sure when I first clicked your link it was a different site.

Anyhow, try:

.hero-inner h1

As the selector

Could you write the full statement, please, so I know I’m doing the right thing? Thanks

.hero-inner h1 {
font-family: 'ABeeZee';
font-size: 20px;
}

This is the html:

<h1 class=”hero-title”>
Present your web
<span>in different ways</span>
with Brooklyn!
</h1>

so the css would be:

.hero-title {
font-family: ‘ABeeZee’;
font-size: 20px;
}

Try that if that does not work try

.hero-title h1
or

h1.hero-title

for the first line

Of course you need to import this special font and if you are not doing that succesfully then any css wont help

Maybe consider using a standard font which does not need to be imported, there are lots of them

I got it to work but only by modifying the parent theme. The child didn’t pick it up…
This is what I used:

.hero-title span {
font-weight:normal;
font-family: ‘AaaBeeZee’, “Helvetica Neue”, Helvetica, Arial, sans-serif;
}

Thanks for your help!