tori400 Posted September 21, 2023 Share Posted September 21, 2023 I'd like all the buttons on my website to use the custom font "luminaire" but I just can't seem to find any working snippets on this forum. Link to comment
Solution Lesum Posted September 21, 2023 Solution Share Posted September 21, 2023 @tori400 If you've correctly installed and configured your custom font, this code snippet should work to change the font of the buttons: #siteWrapper.site-wrapper .sqs-block-button-element { font-family: "luminaire" !important; } GPGDesigns 1 If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
tori400 Posted September 24, 2023 Author Share Posted September 24, 2023 (edited) @Lesum That worked, thank you so much. The text is a little too small though. Where in the code would I insert font size? I appreciate your help. Edited September 24, 2023 by tori400 Link to comment
Lesum Posted September 24, 2023 Share Posted September 24, 2023 @tori400You can add this code and change font-size 0.9rem in the code: #siteWrapper.site-wrapper .sqs-block-button-element { font-size: 0.9rem !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
tori400 Posted September 24, 2023 Author Share Posted September 24, 2023 @Lesum That also worked! But now the kerning is kind of off and the cursive letters don't connect 😵💫 Link to comment
Lesum Posted September 25, 2023 Share Posted September 25, 2023 @tori400 Since I don't have access to your site, it's not possible to diagnose what might be causing the issues you mentioned . The code I provided shouldn't have any impact on the things you've described. If you could share your site URL, I can take a look and see if I can identify the problem. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
tori400 Posted September 27, 2023 Author Share Posted September 27, 2023 @Lesum It's under construction but I think you can see it here : aqua-amethyst-t4gd.squarespace.com password: password Link to comment
tuanphan Posted October 1, 2023 Share Posted October 1, 2023 On 9/28/2023 at 2:46 AM, tori400 said: It's under construction but I think you can see it here : aqua-amethyst-t4gd.squarespace.com password: password The site is expired, you can access this link to extend it Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
amandaclairef Posted July 28 Share Posted July 28 @Lesum Thanks so much for the code, it worked! Well, mostly. I have a button in my main navigation, and it's still showing the old font. It's also still there on a few other buttons, like my contact form "submit" button and my newsletter signup button. Here's my site if you want to take a look: https://www.benevolentbeasts.ca/ Not the end of the world, but just curious if I can change those too. Thanks again! Link to comment
Lesum Posted July 28 Share Posted July 28 @amandaclairef Hi! You can also add this code to target the buttons you mentioned: #siteWrapper.site-wrapper .sqs-button-element--primary { font-family: 'MILKWEED' !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
amandaclairef Posted July 30 Share Posted July 30 On 7/28/2024 at 7:23 PM, Lesum said: @amandaclairef Hi! You can also add this code to target the buttons you mentioned: #siteWrapper.site-wrapper .sqs-button-element--primary { font-family: 'MILKWEED' !important; } Thank you, it worked! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment