[shawzepe]

Hello!

Is it possible to change the font of the titles of blog posts with Catch Adaptive?

beerbirds.com

[Pratik]

Hi @shawzepe,

To change the title of blog posts, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#main article .entry-title{
    font-family: "Times New Roman", Georgia, Serif;
}

More details about font-family can be found here .

If you upgrade to Catch Adaptive Pro version, it has the option so you just need to select the font from drop down list of fonts.

Regards,
Pratik

[shawzepe]

thank you!

[Pratik]

Hi,

Glad it worked out. If you liked our theme and support, please leave a review at here.

Thanks,
Pratik

[shawzepe]

I’m trying to make the font “Nothing You Could Do”

We used it on our previous theme and I’m wondering how I would make that happen now? I tried your code but it didn’t change it, but I also am not very familiar with CSS so I could be doing it wrong

https://www.google.com/fonts/specimen/Nothing+You+Could+Do

[Pratik]

hi @shawzepe,

For google fonts, first you need to import it. Please use following code in place of the one provided above:

@font-face {
    font-family: "Nothing You Could Do";
    font-style: normal;
    font-weight: 400;
    src: local("Nothing You Could Do"), local("NothingYouCouldDo"), url("https://fonts.gstatic.com/l/font?kit=jpk1K3jbJoyoK0XKaSyQAeCvl4JxFnZUWpaqQgqDg5sfsqZYbonxmjr9wFM3sVRn9YSfFofyP5ukujV45nKOOamc4FshcY9zUn_5sqFQ_TUEHOew_pTBo2m42rrK0r44&skey=772542671f40e9f1") format("woff2");
}

#main article .entry-title{
    font-family: 'Nothing You Could Do', cursive;
}

[shawzepe]

Thank you Thank you Thank you!! It’s wonderful. Last question I promise

How can I make my site tagline that font also. I’m trying this

.site-description {
font-size: 30px;
font-family: Nothing You Could Do’, cursive;
}

but it’s just changing the font size.

[Pratik]

Hi @shawzepe,

For tagline, use following code:

.site-description {
     font-size: 30px;
     font-family: 'Nothing You Could Do’, cursive;
}

You have just left out ' before Nothing You Could Do', cursive;, just add it and it will work.

[shawzepe]

Ah! so close! Thanks!

I lied I have just ONE last question

the Nothing You Can Do font shows up on desktop but not on mobile. Any idea why?

[Pratik]

Hi @shawzepe,

I have tried it on several devices and its working fine. Can you let me know which device have you tested on?

It can also be cache related issue. Try clearing your cache and try again.

Regards,
Pratik

[shawzepe]

It must just be me. I’ll clear the cache

Thanks so much :D!!

[Author]

Posts