dbtherd Posted February 7, 2020 Share Posted February 7, 2020 Site URL: https://www.dbtherd.com/ I've scoured the web trying to figure out how to add a custom font to my site (*edited to add: I'm using version 7.1). I learned how to add a custom CSS to change the heading fonts, but I can't figure out how to change all of the other text fonts (namely the paragraphs, links, and blog post titles). Any and all help is greatly appreciated! Link to comment
inside_the_square Posted February 7, 2020 Share Posted February 7, 2020 Hey @dbtherd! This is a great question, and it all comes down to the element name. In pretty much all sites, all paragraph text is p and all links are a as in active link. Blog post titles are different for some theme families, and 7.1 is a whole different ball game. On the off chance you are using a Brine theme, the blog post itself are .BlogItem-title and in an on page summary. it's called .BlogList-item-title In Bedford & Pacific , it's .entry-title and for Five, its .entry-title a because why make things easy?? Haha! 😝 Anywho, I hope this info helps you get going in the right direction. Feel free to reply if you are using a different theme family and need some helping tracking those code names down. Always up for solving a good mystery 🙂 All my best - Becca Code queen and CSS behind InsideTheSquare.co 😃 Free CSS tutorials: insidethesquare.co/tutorials-for-squarespace🥳 Free 7.1 training course: itssevenone.com/training👍 CSS Cheat Sheet - codes for 7 & 7.1: insidethesquare.co/css📚 CSS for Squarespace course: customcodeacademy.com Link to comment
rkho Posted May 11, 2020 Share Posted May 11, 2020 @inside_the_square Do you by any chance know if you can alter the custom font by p1, p2, p3 and p4. I see how you can customise font for p, it looks like p1 for example doesn't work like 'h1' would. If you're able to help that would be 🤩 Link to comment
inside_the_square Posted May 11, 2020 Share Posted May 11, 2020 Hey @rkho - i have the codes your looking for! 😄 In 7.1 sites, large paragraph goes by the code name ".sqsrte-large", Medium paragraph text is the normal "p" and small paragraph text goes by ".sqsrte-small" Why? I have no idea, but that's what works for my 7.1 sites! Haha I also have a list of all the other text types like quotes, forms, button types, images, etc on pages 16 - 26 in my CSS cheat sheet if you have a copy of that. Plenty of other text code names to work with 👍👍 Code queen and CSS behind InsideTheSquare.co 😃 Free CSS tutorials: insidethesquare.co/tutorials-for-squarespace🥳 Free 7.1 training course: itssevenone.com/training👍 CSS Cheat Sheet - codes for 7 & 7.1: insidethesquare.co/css📚 CSS for Squarespace course: customcodeacademy.com Link to comment
rkho Posted May 11, 2020 Share Posted May 11, 2020 Ah you're a genius @inside_the_square thanks, I signed up on your site earlier today, inc the video 👍!! Thank you :). Link to comment
joannlui Posted May 21, 2020 Share Posted May 21, 2020 I tried doing "p" for paragraph 2, but it changes my praragraph 3 as well. Do you know why it could be? On 5/11/2020 at 1:44 PM, inside_the_square said: Hey @rkho - i have the codes your looking for! 😄 In 7.1 sites, large paragraph goes by the code name ".sqsrte-large", Medium paragraph text is the normal "p" and small paragraph text goes by ".sqsrte-small" Why? I have no idea, but that's what works for my 7.1 sites! Haha I also have a list of all the other text types like quotes, forms, button types, images, etc on pages 16 - 26 in my CSS cheat sheet if you have a copy of that. Plenty of other text code names to work with 👍👍 Link to comment
Kacia Posted October 30, 2020 Share Posted October 30, 2020 On 5/11/2020 at 1:44 PM, inside_the_square said: Hey @rkho - i have the codes your looking for! 😄 In 7.1 sites, large paragraph goes by the code name ".sqsrte-large", Medium paragraph text is the normal "p" and small paragraph text goes by ".sqsrte-small" Why? I have no idea, but that's what works for my 7.1 sites! Haha I also have a list of all the other text types like quotes, forms, button types, images, etc on pages 16 - 26 in my CSS cheat sheet if you have a copy of that. Plenty of other text code names to work with 👍👍 thanks so much for this! Link to comment
WillScheren Posted November 29, 2020 Share Posted November 29, 2020 @Kacia can you post a link to your cheat sheet? Link to comment
Kacia Posted November 30, 2020 Share Posted November 30, 2020 @WillScheren I don't have one! I think @inside_the_square is the one with the codes Link to comment
tuanphan Posted December 5, 2020 Share Posted December 5, 2020 On 11/30/2020 at 1:48 AM, WillScheren said: @Kacia can you post a link to your cheat sheet? Do you still need help? If yes, can you describe in detail your problem? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.