Campaigns Theme Settings: Images

  • Updated

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.

Screenshot 2025-05-07 at 3.34.51 PM.png

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)

Screenshot 2025-05-07 at 2.08.54 PM.png

12px = subtle rounded corners

Screenshot 2025-05-07 at 2.09.02 PM.png

50px = more rounded corners

Screenshot 2025-05-07 at 2.09.10 PM.png

Border

This lets you add a visible line around the image. Options include nonedotted, 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.

Screenshot 2025-05-07 at 3.38.24 PM.png

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

Screenshot 2025-05-07 at 2.34.47 PM.png

Box shadow example #2

Screenshot 2025-05-07 at 2.34.57 PM.png

Related to

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Comments

0 comments

Please sign in to leave a comment.