Docs

[lindsayfaas]

Hi there, I have added this code to my customizer in the global css:

.x-blockquote {
font-size: 23px;
font-family: ‘Indie Flower’, cursive;
color: rgb(131, 129, 123);
}

except it doesn’t change the font to “Indie Flower”. No matter what I type in the font just stays the default cursive.

What do I do?

[Friech]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[lindsayfaas]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thank you for providing the URL, you’ll need to select ‘Indie Flower’ first to use it on your site. Please navigate to Appearance > Customize > Typography and select ‘Indie Flower’ font.

Thanks!

[Paul R]

Hi,

You can try this code instead

@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

body .x-blockquote {
     font-size: 23px;
     font-family: 'Indie Flower', cursive;
     color: rgb(131, 129, 123);
     font-weight: 400; 
}

Hope that helps.

[lindsayfaas]

i shall give the above a try. From what I read about the x theme and its fonts don’t all of the google fonts listed in Typography already come installed with the theme? If so, why do I need to point it to a separate url location?

[lindsayfaas]

Also tried the code above in the Custom CSS and I still don’t see the font. This should be quite easy why isn’t it working (he said in crazy frustration 🙂 )

[Jade]

Hi there,

I have checked the page of your site but I can’t seem to see a page where you have added the blockquote.

Would you mind providing the specific link where you have added the blockquotes so that we could check why it is not changing its fonts?

Thank you.

[lindsayfaas]

sure, once on the page go to these child pages:

http://thrive-life.ca/about-us/lindsay-faas/

http://thrive-life.ca/about-us/jillian-hart/

Cheers

[Rad]

Hi there,

@import should always be above of every CSS. No other CSS should be placed before it. Instead, please add this code to your child theme’s functions.php

add_action('wp_head', 'custom_idie_flower_font', 99 );

function custom_idie_flower_font () { ?>

<style>@import url(https://fonts.googleapis.com/css?family=Indie+Flower);</style>

<?php }

Hope this helps.

[lindsayfaas]

thanks I shall try that tonight sometime. Did you put a typo on spelling indie on the first two lines or is that on purpose?

[Christopher]

Hi there,

custom_idie_flower_font is function name, you can change it if you want.

Thanks.

[lindsayfaas]

Thanks, last question. Where am I finding this php file exactly? There are a lot to chose from and I’m not quite sure.

[Friech]

Hi There,

It’s the child theme’s functions.php file. You can find that on your child theme’s root folder.

\wp-content\themes\x-child\

If you dont have a child theme yet, please follow this post.

Thanks.

[lindsayfaas]

ok thanks. I do not have a child theme apparently. If I go through the steps and install one will I lose all the work I’ve already done on my site (which is nearly finished) and start again on the child theme?

[Author]

Posts