Add gradients to your image tags

Litmus Personalize blocks will be one solid color as standard. This page walks you through how to add gradients to your designs.

It is possible to add a gradient to your design to create a fade effect using two colors. Here's a personalized image example:

And another:

To add this effect, create your image and name the block you with to apply the gradient to in the 'Blocks' section in the template editor e.g.:

The gradient information is applied after the tag is created so you can select your font and size for the block but there's no need to add color styling to your block.

Create your tag and then apply the following syntax to the end of the tag:

&blockname.gradientStartColor=8F00FF&&blockname.gradientEndColor=FF0000&blockname.gradientAngle=0&blockname.applyGradient=true

Replace block name with the name of your block e.g.:

&firstname.gradientStartColor=8F00FF&&firstname.gradientEndColor=FF0000&firstname.gradientAngle=0&firstname.applyGradient=true

You can choose the colors you wish to use by adding the hex code.

Here's an example image tag:

https://img.kickdyn.com/imgdf.png?c=31751.V6Kumyuv6SUTbSt3kUbI&name=Personalize&firstname.gradientStartColor=8F00FF&&firstname.gradientEndColor=FF0000&firstname.gradientAngle=0&firstname.applyGradient=true