Advanced
Last updated
Last updated
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
It allows you to add shadow effects around an element's frame by selecting a shadow style (None, Light, Custom)
It allows you to specify the style, width, and color of an element's border
It allows you to define the radius of an element's corners
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
These settings allow you to style the hover state colors, position, size, X thickness, box shadow and spacing of your close button
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
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
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
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
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 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
It allows you to further customize your campaigns using CSS
You can add custom Javascript to your campaign using Custom Javascript
You can choose the image by clicking