As you've noticed, when creating the copy for your Content Card, you have a few options to change up the styling in the Body field:
However, you can also change the font styling in the Title field as well using inline HTML styling.
Here is how you can change the font styling with some examples:
The basic structure looks like this:
<span style=".....">Styled Title Text Here</span>
What goes inside the "....." is where the styling fun happens!
Here are examples of styling options you can change:
Size - "font-size:30px;"
Bold - "font-weight:bold;"
Italics - "font-style:italic;"
Underline - "text-decoration:underline;"
Color - "color:blue;" or "color:#000;"
Here's an example of text styled with a font-size of 30px and bolded:
<span style="font-size:30px;font-weight:bold;">
Before you leave, we have something special for you!
</span>
You can also have multiple styling options in one, like this:
<span style="font-size:30px;font-weight:bold;">Before you leave, we have something <span style="font-style:italic;text-decoration:underline">special</span> for you!</span>
Here is what it looks like in the Studio:
You can also add styling to the Action button font:
<span style="font-weight:bold;">Click Here</span>
To make it even more interesting...
You can add all your text in the Title field and style it to your liking!
Separate sentences and paragraphs using a break (<br>) tag.
This is great if you want to have a Title, a Body, as well as smaller texts for your Terms and Conditions.
Here is an example of how this would look:
<span style="font-size:30px;font-weight:bold">Before you leave, we have something <span style="font-style:italic; text-decoration: underline;">special</span>for you!</span><br><br>
<span style="font-size:20px;">See all our special offers and choose your favorite one.<br>
<span style="font-size:10px;">*Terms and Conditions apply, only available this month.</span>
Please reach out to us at support@metadata.io if you have any questions, or are interested in more advanced styling options - we'd love to help! :)
Comments
0 comments
Article is closed for comments.