Re: Total Marketo Newbie...Can you edit a font type and size in a guided landing page template?

Ashley_Bland
Level 2

Total Marketo Newbie...Can you edit a font type and size in a guided landing page template?

Can you edit font type and size in a guided landing page template?

2 REPLIES 2
Dave_Roberts
Level 10

Re: Total Marketo Newbie...Can you edit a font type and size in a guided landing page template?

Hey Ashley, 

You can definitely set it up so that you can edit the font and the font-size.

Marketo's Guided Landing Pages are made up of "Editable Areas", "Snippets" and "Forms" - which are the sections you can click into in the LP Editor to add/change content. When you do that in an editable area, you'll get a pop up editor (the Rich Text Editor) that works a lot like your MS Word toolbar - you can bold, underline, change colors, font-sizes, and font-families [to a point].

To edit the font-families, there is a dropdown in the LP Editor's Rich Text Editor and if the font you are using is a system font or one that's included you can just select it from that list. If you're using a custom branded font or a solution from something like Google Fonts, you'll need to add the code to pull in the font (usually this is setup on the template). This is usually setup as a class that you can tag your elements with to change their font. 

An example of this might look like)

Add a link to the font (Roboto is available via Google Fonts) before the </head> tag on the template

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

Add some CSS in a style tag before the </head> tag on the template:

<style>
.roboto {font-family: 'Roboto', sans-serif;}
</style>

declare your font family as a class called "roboto"

Edit the HTML in your LP:

<h1> A regular font headline </h1>
<h1 class="roboto"> A roboto headline </h1>

apply the class="roboto" to the <h1> element to change the font-family based on the CSS you added above. To do this from the Rich Text Editor, you'll want to click the HTML button in the toolbar to bring up the code-view of the content section.

Ashley_Bland
Level 2

Re: Total Marketo Newbie...Can you edit a font type and size in a guided landing page template?

Thank you, Dave! I so appreciate your willingness to share this information!