Advanced

Open View Styling

Global View Styling

You can choose whether to apply the changes to all views of your campaign (Yes/No, Optin, and Success) or just the current view by turning on/off the Global View Styling status

Background Settings

Box Shadow

It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)

Border

It allows you to specify the style, width, and color of an element's border

Rounded Corners

It allows you to define the radius of an element's corners

Spacing

Padding is inside of the border (or edge) of your element. If you increase the padding, it will “push” your content into the middle of your box, away from your borders. If you remove the padding, your content will take up the entire box

Close Button Styling

These settings allow you to style the hover state colors, position, size, X thickness, box shadow and spacing of your close button

Campaign Type Settings

The specific settings in this section will vary depending on the campaign type you are designing

You can change the campaign overlay transparency or color

Fullscreen

You can choose the image by clicking

Style (Background color)

Solid: Applies a single color uniformly within the whole of an object by selecting the Background color
Gradient: It applies a continuous blend of two or more colors, where one color gradually fades and changes into another. You can choose the Gradient Style:
- Linear: Change the angle of the gradient
- Radial: Change the positioning (right center, left top, left center, etc)
- First color & first color location
- Second color & second color location

Background image

Image URL: A web address that specifies the location of an image
Image Position: The position of the background image such as left top, left center, right top, right center, etc.
Image Repeat: Sets how background images are repeated (Repeat, Repeat horizontal, repeat vertical, etc.)
Image Size: How an image should be resized to fit its container
- Contain: The image keeps its aspect ratio but is resized to fit within the given dimension
- Cover: The image keeps its aspect ratio and fills the given dimension. The image will be clipped to fit
- Auto: The image keeps its aspect ratio and fills the given dimension automatically

Set image layer first

When you choose the background is color and image, then you turn on the status of 'Set image layer first', the background image will bring the front of the background color

Slide-in

You’ll find many options to customize the appearance of the Slide-In toggle such as background, box shadow, border, rounded corners, etc.

Custom Colors

Custom Colors allows you to customize the design of your campaigns to match the branding of your site. This includes the ability to create and manage color profiles when editing campaigns