How to update font family of a blockquote on a particular page inside of the Kent Template

Site URL: https://icmediacenter.org/

Hi,

I'm trying to change the font from the already defined Arial for the site to a font called Merienda on just one blockquote on a particular page. I understand that on this particular template the styles of the blockquote are inherited from the body font defined for the entire website. Is there a way to change this?

Thanks,

Bernice

Can you narrow down which page and which block quote? I'm thinking there is probably a way but we need to know exactly what text you want to target.

Hi, it is the blockquote on this page : https://icmediacenter.org/landingtest

Thanks!

Which template are you using?

I believe it is the Kent template

2 minutes ago, bernicewebdesigner said:

I believe it is the Kent template

Thanks! I see now that you had mentioned that in the subject. Doh! 🙂

No worries! Does the Kent Template allow for the blockquote fonts to be changed? I am able to change text/ image caption fonts etc. Thanks for your help!

I don't see a separate tweak for the blockquote in the Kent template. But don't despair! I think I have a little something that will get you going. For the landing page go to Page Settings > Advanced > PAGE HEADER CODE INJECTION and put in the following...

Quote

 

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Merienda:700,400">

<style>
  
  .sqs-block-quote {
    
    font-family: Merienda;
    
    font-weight: 400;
    
    }
  
  </style>

 

The link tag brings in the font. The style tag styles the blockquote.

Let us know how it goes.

Great! This is amazing! Thanks so much, I guess I was trying to use the @import css code to style it and that didn't work. 

But this does! Thanks a ton!