Campaigns Theme Settings: Card

  • Updated

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.

Screenshot 2025-05-07 at 3.41.08 PM.png

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)

Screenshot 2025-05-07 at 2.50.32 PM.png

12px = soft, slightly rounded corners

Screenshot 2025-05-07 at 2.50.38 PM.png

50px or more = more rounded corners

Screenshot 2025-05-07 at 2.50.46 PM.png

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.

Screenshot 2025-05-07 at 3.38.24 PM.png

 

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

Screenshot 2025-05-07 at 2.54.32 PM.png

Box shadow example #2

Screenshot 2025-05-07 at 2.53.55 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.