The Card tab lets you style the background containers used across your Campaign layouts—perfect for feature blocks, testimonials, or any content that needs visual separation.
Background Color
Choose a color to visually distinguish your card from the page background. This helps emphasize content or create contrast around key messaging areas.
Alignment
Controls the text alignment of content inside the card—left, center, or right.
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:
0px
= sharp, square edges (default)
12px
= soft, slightly rounded corners
50px
or more = 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.
Box Shadow (toggle)
Adds a drop shadow behind the card, 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 card to stand out subtly without adding clutter.
Color
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:
Box shadow example #1
Box shadow example #2
Related to
Comments
0 comments
Please sign in to leave a comment.