Changing the Banner Text

Site URL: https://www.fullcircuitfitness.com/

I would like my Banner header font to be a custom font to match my branding. I would like this font to appear on all banners. I used this custom code to achieve that.

/* banner custom font */
@font-face {
    font-family: 'Black Diamond';
    src: url('https://static1.squarespace.com/static/5fc61d5a322bbc4f9b09e559/t/5fd750b00f11661d4c48d01a/1607946437105/Black+Diamond.ttf');
}
.banner-thumbnail-wrapper .desc-wrapper * {
    font-family: 'Black Diamond';
}

However, this code is carrying over the custom font to the banner text as well. I would like the banner text to be the same as my H1 font throughout my site. Is it possible to specify this?

Thank you in advance!

On 12/14/2020 at 10:38 PM, amybarn said:

Site URL: https://www.fullcircuitfitness.com/

I would like my Banner header font to be a custom font to match my branding. I would like this font to appear on all banners. I used this custom code to achieve that.

/* banner custom font */
@font-face {
    font-family: 'Black Diamond';
    src: url('https://static1.squarespace.com/static/5fc61d5a322bbc4f9b09e559/t/5fd750b00f11661d4c48d01a/1607946437105/Black+Diamond.ttf');
}
.banner-thumbnail-wrapper .desc-wrapper * {
    font-family: 'Black Diamond';
}

However, this code is carrying over the custom font to the banner text as well. I would like the banner text to be the same as my H1 font throughout my site. Is it possible to specify this?

 

Thank you in advance!

Please provide the site password

Hi. What is access password?

Hi there! I did not realize I had an answer to my question - thank you so much!! I wound up figuring out the banner text but it is not carrying over to my blog posts. Is there code that I can use so that this font is used for the titles of my blog posts in the banner as well as the titles on the main blog page? I am using the Hayden template.

Thank you in advance!!

Here is my URL and I took the passcode requirement off. 🙂

https://www.fullcircuitfitness.com/blog

10 hours ago, amybarn said:

Hi there! I did not realize I had an answer to my question - thank you so much!! I wound up figuring out the banner text but it is not carrying over to my blog posts. Is there code that I can use so that this font is used for the titles of my blog posts in the banner as well as the titles on the main blog page? I am using the Hayden template.

Thank you in advance!!

Here is my URL and I took the passcode requirement off. 🙂

https://www.fullcircuitfitness.com/blog

.sqs-featured-posts-gallery .gallery-wrapper .posts .post a,
article header h1 a {
    letter-spacing: 0em;
    font-family: 'Black Diamond',raleway !important;
}

It worked!! Thank you very much!!! 

One more question....what about when I click on each individual post? I would love the banner font for each individual blog post to also be my custom font. Any chance you could help me with that as well? Thank you!!

11 hours ago, amybarn said:

One more question....what about when I click on each individual post? I would love the banner font for each individual blog post to also be my custom font. Any chance you could help me with that as well? Thank you!!

 

Use this CSS

.post-title {
    font-family: 'Black Diamond',raleway !important;
}

12 minutes ago, tuanphan said:

Use this CSS

.post-title {
    font-family: 'Black Diamond',raleway !important;
}

Yes, this worked!! Thank you all so much - you have been most helpful!!

6 minutes ago, amybarn said:

 

I see some pages have very long content on mobile. You can consider adding a back to top button.

Also, you current back to top doesn't work. Just tested on tablet

Try replace #header link with #top