Custom Font for Paragraphs

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!

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

@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 🤩

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 👍👍

Ah you're a genius @inside_the_square thanks, I signed up on your site earlier today, inc the video 👍!! Thank you :). 

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 👍👍

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!

@Kacia can you post a link to your cheat sheet?

@WillScheren I don't have one! I think @inside_the_square is the one with the codes

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