Overlays layouts

Select the Layouts tab in your overlay to choose a layout/template for your website overlay.

See also: Website overlay design best practices

Image position

If you choose a layout with the image on one side (rather than a background image) you can change the image position.

Choose left, right or top.

Be aware that the image position is different for mobile users.

Round corners

If you prefer your overlay to have rounded corners, you can enter a pixel value in the Round corners field - this sets the curvature radius.

0 px is the default, producing square corners.

Webpage alignment

If you choose the small overlay layout, you also have the option to position the overlay on your webpage:

Select your alignment and then use the pixel dropdown to offset:

Mobile view

If you choose an overlay layout with the image on the right or left, it only displays that way for desktop users.

For mobile users, the image displays on the top so that your data fields don't get 'squashed' by the smaller screen:

Video guide