The Images tab gives you styling controls to adjust the visual presentation of images used in your Campaigns, making it easy to align them with your brand’s aesthetic.
Corner Radius
Controls how rounded the corners of your images appear. Rounded corners can help soften the look of an image or make it feel more modern and cohesive with the rest of your layout.
Examples:
0
= sharp, square edges (default)
12px
= subtle rounded corners
50px
= more rounded corners
Border
This lets you add a visible line around the image. Options include none, dotted, solid, or dashed, and can be styled for desired thickness and color. Useful if you want to frame product images or separate them from background elements.
Box Shadow (toggle)
Adds a drop shadow behind the image, giving it a sense of depth or lift off the page. This is especially helpful when you're working with flat backgrounds and want your image to stand out subtly without adding clutter.
Color
This determines the shadow’s color. Black or dark gray is standard for subtle, natural-looking shadows, however your own brand colors can be used for creative highlights or glow effects.
Offset X (horizontal position)
Controls how far the shadow moves left or right. Moving the slider to the left will shift the shadow more left, and moving the slider to the right will shift the shadow more right.
Offset Y (vertical position)
Controls how far the shadow moves up or down. Moving the slider to the left will shift the shadow more up, and moving the slider to the right will shift the shadow more down.
Blur
Controls how soft or sharp the shadow edges appear. Moving the slider to the left will have the shadow sharper with more defined edges, and moving the slider to the right will provide softer, more diffused edges.
Spread
Determines how far the shadow spreads outward. Moving the slider to the left will make the shadow tighter with more compact shadows, and moving the slider to the right will provide a larger, more dramatic shadow
Examples:
Here's a quick video to visual these different effects, along with a couple examples below.
Box shadow example #1
Box shadow example #2
Related to
Comments
0 comments
Please sign in to leave a comment.