Docs

[arthurdupuy]

Hello X,

Here is my website http://www.alveusclub.com
I would like to change the font family of h1 (title on the revolution slider) and h2 (title under the slider) to Noticia text.
I tried this code

h2, .h2,
.h2 {
font-family: ‘Noticia Text’, serif !important;
font-size: 35px !important;
}

h1, .h1,
.h1 {
font-family: ‘Noticia Text’, serif !important;
font-size: 35px !important;
}

However, when I change header typography (for h3, h4….) in the customize, the font of h1 and h2 becomes “serif” as you can see attached

Futhermore, is it possible to have a code for change font family and size only on this page (not others).
Thanks !

[Paul R]

Hi,

You can try this code instead.

@import url(https://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic);

.home h2, .home .h2 {
    font-family: 'Noticia Text', serif !important;
    font-size: 35px !important;
}

.home h1,.home .h1 {
    font-family: 'Noticia Text', serif !important;
    font-size: 35px !important;
}

Hope that helps.

[arthurdupuy]

Thank you for your answer !

but it seems it doesn’t work as you can see…. :/

[Rue Nel]

Hello There,

Since you have installed a caching plugin WP Super Cache, please clear your plugin cache before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

[arthurdupuy]

This reply has been marked as private.

[Paul R]

Hi,

Please provide us your username as well.

Thanks

[arthurdupuy]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials.
The following line should be on top of the CSS files:
@import url(https://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic);

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Then on your child theme style.css file at the very top add this line instead:
@import url(https://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic);

Hope this helps.

[Author]

Posts