Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
gilescolliver

Custom fonts for other elements, like image blocks, products, buttons etc

Question

Site URL: https://heptagon-cylinder-zapw.squarespace.com/

Hi team, I'm all good with adding custom fonts to my sites, but I get stuck with also changing fonts of certain elements, like Image block buttons, newsletter buttons, product text etc.

How do you find our what the css code is for each for each of those elements do direct to the custom font?

So far I have

@font-face {    
font-family: 'Beton';       
src: url('//static1.squarespace.com/static/5eaab659198c9b220538543c/t/5eaac62dc456482814196531/1588250157960/BetonEF-BoldCondensed.ttf');  }
h1 {font-family: 'Beton';}
h2 {font-family: 'Beton';}
h3 {font-family: 'Beton';}
.newsletter-form-header-title {font-family: 'Beton';}

@font-face {    
font-family: 'Zilla';       
src: url('//static1.squarespace.com/static/5eaab659198c9b220538543c/t/5eaac6c546dc317f013fd1ae/1588250311706/ZillaSlab-Regular.ttf');  }
p {font-family: 'Zilla';}


@font-face {    
font-family: 'Hwy';       
src: url('//static1.squarespace.com/static/5eaab659198c9b220538543c/t/5eaffc532907e509154b38d8/1588591700738/HWYGCOND.TTF');  }

.sqs-block-button-element {font-family: 'Hwy';}
.sqs-block-image {font-family: 'Hwy' !important;}
button.newsletter-form-button.sqs-system-button {font-family: 'Hwy' !important;}
.header-nav-item a {font-family: Hwy;
}

 

But I cant get the newsletter block to change header or body fonts. I also cant get the product fonts to change, or the quick view buttons. Or the footer body text.

Thanks for help in advance!

site: https://heptagon-cylinder-zapw.squarespace.com/

pswd: ss2020

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

Incorrect password

 

But I cant get the newsletter block to change header or body fonts. I also cant get the product fonts to change, or the quick view buttons. Or the footer body text.

like Image block buttons, newsletter buttons, product text etc.

 

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
On 5/5/2020 at 12:13 AM, tuanphan said:

Incorrect password

 

But I cant get the newsletter block to change header or body fonts. I also cant get the product fonts to change, or the quick view buttons. Or the footer body text.

like Image block buttons, newsletter buttons, product text etc.

 

 

Oops, sorry, pswd is SS2020

So there's no way to change those fonts?! 

Share this post


Link to post
  • 0

Where is newsletter block?

Where is image block button?

Product text, you mean product name? Add to Home > design > Custom CSS

.product-block .productDetails .product-title {
    font-family: Hwy;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post
  • 0
On 5/11/2020 at 11:09 PM, tuanphan said:

.product-block .productDetails .product-title { font-family: Hwy; }

That worked, thanks!

Newsletter block is the 3rd section, image block (poster) is 4th section.

Share this post


Link to post
  • 0
2 hours ago, gilescolliver said:

That worked, thanks!

Newsletter block is the 3rd section, image block (poster) is 4th section.

I don't see newsletter block

with image block, use

div#block-3fa6d963c33f89bc5bd8 * {
    font-family: Hwy;
}

 


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (promote the establishment of free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...