webinaide 0 Share Posted September 11, 2019 (edited) Anyone have luck changing the image block title & body text and the button text to a custom font via Font Face? I've tried a few options (see below) and nothing is changing. Thank you! a.sqs-block-button-element { font-family: "Gotham-Book2" !important; }.sqs-block-image .design-layout-overlap .image-title p { font-family: "Gotham-Book2" !important; } Edited September 11, 2019 by webinaide Initial Revision Link to post
0 tuanphan 9,369 Solution Share Posted September 11, 2019 @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; } You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 tuanphan 9,369 Share Posted September 11, 2019 @webinaide can you share site url to check code? You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 webinaide 0 Author Share Posted September 11, 2019 www.dance-forever.com/home Thank you! Link to post
0 webinaide 0 Author Share Posted September 11, 2019 www.dance-forever.com/home Thank you! Link to post
0 tuanphan 9,369 Share Posted September 11, 2019 @webinaide You can Accept Answer. Other members can use if they know it worked. Thanks. You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 jenplusplus 3 Share Posted November 11, 2019 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! Link to post
0 tuanphan 9,369 Share Posted November 11, 2019 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"? You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 jenplusplus 3 Share Posted November 11, 2019 Yes. JennyTheBus.com Password is: JennyTheBus Link to post
0 jenplusplus 3 Share Posted November 11, 2019 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'; } Link to post
0 tuanphan 9,369 Share Posted November 11, 2019 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; } jenplusplus 1 You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 jenplusplus 3 Share Posted November 11, 2019 Awesome! Thank you so much for your help. It worked! tuanphan 1 Link to post
0 Onepaa 0 Share Posted November 11, 2019 I am also facing the same issue when i implementing on my webiste https://triviaquestions4u.com/ Link to post
0 tuanphan 9,369 Share Posted November 11, 2019 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? You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 jenplusplus 3 Share Posted November 12, 2019 @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? Link to post
0 Hanna-snyder 0 Share Posted May 5, 2020 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? Link to post
0 tuanphan 9,369 Share Posted May 5, 2020 7 hours ago, Hanna-snyder said: I'm wondering the same thing - @Tuanphan any thoughts? Can you share link to your site? You can send your question to my email to get faster answer. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 Hanna-snyder 0 Share Posted May 5, 2020 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' ; } Link to post
Question
webinaide 0
Anyone have luck changing the image block title & body text and the button text to a custom font via Font Face? I've tried a few options (see below) and nothing is changing. Thank you!
a.sqs-block-button-element { font-family: "Gotham-Book2" !important; }.sqs-block-image .design-layout-overlap .image-title p { font-family: "Gotham-Book2" !important; }
Edited by webinaideInitial Revision
Link to post
Top Posters For This Question
7
5
5
2
Popular Days
Sep 11
8
Nov 11
8
May 5
3
Nov 12
1
Top Posters For This Question
tuanphan 7 posts
webinaide 5 posts
jenplusplus 5 posts
Hanna-snyder 2 posts
Popular Days
Sep 11 2019
8 posts
Nov 11 2019
8 posts
May 5 2020
3 posts
Nov 12 2019
1 post
Popular Posts
tuanphan
.image-title.sqs-dynamic-text p { font-family: 'Golden Trail' !important; }
jenplusplus
Awesome! Thank you so much for your help. It worked!
Posted Images
19 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment