Docs

[jensmith3]

Hello,

My site is on the temporary url of http://103.37.8.129/~thekidsa/

I would like to change the font of the block quote to another Google font. I have added this to my child’s theme css stylesheet without success. Could you please let me know where I’m going wrong?

Many thanks and kind regards,

Jenny

.x-blockquote {
font-family: ‘Tulpen One’, regular;
font-size: 24px;
color: #000;
}

.x-blockquote .x-cite {
font-family: ‘Tulpen One’, regular;
font-size: 16px;
color: #aaa;
}

[jensmith3]

This reply has been marked as private.

[Paul R]

Hi Jenny,

Thanks for writing in!

You can try this code instead.

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

.x-blockquote {
font-family: 'Tulpen One', cursive !important;
font-size: 24px;
color: #000;
}

.x-blockquote .x-cite {
font-family: 'Tulpen One', cursive !important;
font-size: 16px;
color: #aaa;
}

Hope that helps

[jensmith3]

Hi Paul,

I tried that but it didn’t work. I’m not sure why the css has cursive when I just want the regular font like this:

http://prnt.sc/bvkczc

Many thanks and kind regards,

Jenny

[Rue Nel]

Hey Jenny,

Thanks for the updates! Can you please update the contents of your child theme’s style.css file?

/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

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

.x-blockquote {
	font-family: 'Tulpen One', cursive !important;
	font-size: 24px;
	color: #000;
}

.x-blockquote .x-cite {
	font-family: 'Tulpen One', cursive !important;
	font-size: 16px;
	color: #aaa;
}

.myclass img {
    width: 50%;
    float: left;
    margin-right: 15px;
}

.x-feature-box {
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(136,136,136,0.15);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(136,136,136,0.15);
    box-shadow: inset 0px 0px 0px 1px rgba(136,136,136,0.15);
    padding: 30px;
    background-color: #fff;
}

.x-nav-tabs>li>a {
    color: #ffffff !important;
    background-color: #87D3EB !important;
}

.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover {
    background-color:#C0D554 !important;
}

.x-nav-tabs>li>a:hover {
    color: #fff !important;
    background-color:#4355A1 !important;
}

.x-column.x-md.x-1-3 {
    width: 33%;
    margin-right: 0;
}

.x-column.x-md.x-1-3 div#simpleimage-6, div#simpleimage-7, div#simpleimage-8 {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.x-navbar .desktop .x-nav>li>a>span {
    border:0;
}

.desktop .sub-menu {
    background-color: rgba(255,255,255,0.4) !important;
}

.x-navbar .desktop .sub-menu a:hover {
    color: blue !important;
}

.x-navbar .desktop .sub-menu a {
    color: #828398 !important;
}

.contact {
    display: block;
    text-align: right;
    color: rgb(255,137,2);
    font-size: 1.6em;
}

It has cursive because that’s what should be added when using this Google Font. Please see this screenshot:
http://prntscr.com/bvkkfj

Hope this helps.

[jensmith3]

Hi Rue,

Thank you so much – works perfectly. Excellent support for a fantastic theme – thanks as always.

Kind regards,

Jenny

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts