In short inline custom styles gives you the ability to change the style of individual words or characters which override the global design settings of the design selected.
Currently, there are three different styles which can be simply applied to any CTA Link – which are Bold, Italics and Underscore (see below for a more advanced styling technique):
Inline Custom Styles can be applied to the following fields as shown in the example above:
We use what’s known as HTML Tags which you simply surround the word or character with. At the current time only these HTML Tags below are supported:
So to produce the brand title in the CTA Link above we would type this into the Brand Title field:
<style=”text-align: center;”><b>BOLD</b> – <i>ITALICS</i> – <u>UNDERSCORE</u>
So far we have only covered three different style types…
Lets now take a look at a more advanced styling technique below!
We also allow you to apply any supported CSS style you wish through the use of the following HTML Tag:
by setting the style directly yourself on the HTML Tag, so for example I could do this:
which would display the word RED as the colour red.
We can supply as many CSS styles as we wish but each one needs to be separated by a semi-colon, so for example:
which would display the word RED as the colour red using a font size of 25 pixels using a font weight of 700 which is the replacement for the <b></b> tag.
These are some of the most popular CSS styles you can use with your CTA Link text:
These additional two have just been tested to work but are advanced styles which you will need to refer to external documentation on how to use them:
Bringing all these different inline custom styles together you can produce a CTA Link which could look like this: