Font Face: Change the font type of the image blocks

@webinaide

/* Image blocks and button in image blocks */
.sqs-block-image * {
   font-family: "Gotham-Book2" !important;
}
/* Newsletter form button */
.newsletter-form-button {
   font-family: "Gotham-Book2" !important;
}

@webinaide can you share site url to check code?

www.dance-forever.com/home

Thank you!

www.dance-forever.com/home

Thank you!

It worked, thank you!

It worked, thank you!

@webinaide You can Accept Answer. Other members can use if they know it worked. Thanks.

Is there a way to change just the header font on the image block -- the code you provided works for changing all of the text in the image block...

I don't want the button font to change or the body text in the image block. I'm using the "Ready" template. The code you provided in the previous post works but changes all of the font.

Thanks!

8 minutes ago, jenplusplus said:

Is there a way to change just the header font on the image block -- the code you provided works for changing all of the text in the image block...

I don't want the button font to change or the body text in the image block. I'm using the "Ready" template. The code you provided in the previous post works but changes all of the font.

Thanks!

Can you share link to your site and take screenshot of "header"?

Yes.

JennyTheBus.com

Password is:

JennyTheBus

This is the code I've written for the H1 & H2. I'd like it to be the header font on the collage image block.

//START GOLDEN TRAIL

@font-face {   
font-family: 'Golden Trail';   
src:
  url(https://static1.squarespace.com/static/5dc1032774027b0583e895e0/t/5dc8a8c2492ddd0f8b9f3257/1573431490912/GoldenTrail-KC.ttf),
  
  url(https://static1.squarespace.com/static/5dc1032774027b0583e895e0/t/5dc84cbc09cdf43d6dc464b4/1573407932368/GoldenTrail-KC.otf),
  
  url(https://static1.squarespace.com/static/5dc1032774027b0583e895e0/t/5dc8a729b9580a736408900d/1573431081886/GoldenTrail-KC.woff),
  
  url(https://static1.squarespace.com/static/5dc1032774027b0583e895e0/t/5dc8a734af9d520b7a6a7e82/1573431092599/GoldenTrail-KC.woff2); 
}

h1 {
 font-family: 'Golden Trail';
}
h2 {
 font-family: 'Golden Trail';
}

10 minutes ago, jenplusplus said:

This is the code I've written for the H1 & H2. I'd like it to be the header font on the collage image block.

.image-title.sqs-dynamic-text p {
    font-family: 'Golden Trail' !important;
}

Awesome! 

Thank you so much for your help. It worked!

I am also facing the same issue when i implementing on my webiste https://triviaquestions4u.com/

4 hours ago, Onepaa said:

I am also facing the same issue when i implementing on my webiste https://triviaquestions4u.com/

Can you take screenshot?

@Tuanphan

Thanks for that code to change the image block font. One more question-- how do I change the navigation font that shows up on the footer?

I've successfully used this code for the hamburger menu/top-of-site navigation:

//NAVIGATION BAR//
.nav-blocks-wrapper div a span {
   font-family: 'Golden Trail' !important;

But what do I need to write the code to make the very bottom of the site navigation change to this font as well?

On 11/12/2019 at 11:33 AM, jenplusplus said:

@Tuanphan

Thanks for that code to change the image block font. One more question-- how do I change the navigation font that shows up on the footer?

I've successfully used this code for the hamburger menu/top-of-site navigation:

//NAVIGATION BAR//
.nav-blocks-wrapper div a span {
   font-family: 'Golden Trail' !important;

 

But what do I need to write the code to make the very bottom of the site navigation change to this font as well?

I'm wondering the same thing - @Tuanphan any thoughts?

7 hours ago, Hanna-snyder said:

I'm wondering the same thing - @Tuanphan any thoughts?

Can you share link to your site?

2 hours ago, tuanphan said:

Can you share link to your site?

Figured it out! 

@jenplusplus this is the code I used:

.Footer-nav-group {font-family: 'FONT NAME' ;
}