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