Are you frustrated by everything formatting as Roboto inside the Kartra Page Builder? I’ve been there, too! Even when you choose a template, you want to be able to easily change the fonts so your page represents your brand.

You can do this with code!

Here’s the code you need:

p {
font-family: montserrat, serif;
line-height: 1.2em;
}

h1 {
font-family: montserrat, serif;
line-height: 1.2em;
}

h2 {
font-family: montserrat, serif;
line-height: 1.2em;
}

h3 {
font-family: montserrat, serif;
line-height: 1.2em;
}

You can also add other things like colours, font sizes, font-weight, and more! Just google “CSS font styles” and you can find many resources to help you with that.

Here’s how to change the code to your brand:

1) Change “Montserrat” to your desired font. p is your main body font, and H1/H2/H3 are the heading styles. You can always edit these in the text box editor after.
2) Change “serif” if necessary. Serif fonts have little embellishments that sans-serif fonts (like Roboto) do not have. If you’re using a script, choose “cursive.”

Here are some examples:

font-family: roboto, sans-serif;
font-family: georgia, serif;
font-family: pacifico, cursive;

Make sure to import your custom styles to your site settings so that all of your pages have the same font styles!

Happy Page Building 🙂

Have a new video request? Comment below or message me on Instagram!

🚐 Stay Connected!
https://www.instagram.com/two.paths.co
https://www.pinterest.com/twopathsco
https://www.twopathsco.com