In this article, we will cover how to resize your canvas size within an overlay.
We understand that our preset canvas size may not be to everyone's taste. Over the years of working with Overlays, we have found that the sizes we use as our preset are the most effective for customer interaction. That being said, let's have a look at how we can change the size of your overlays to fit your brand's aesthetics.
In order to change the size, you must first navigate to the 'Overlays' area of the dashboard using the navigation pane on the left-hand side of your account. Once you have identified the Overlay that you would like to edit you must then navigate to the 'Design' tab.
Across the top of the screen, you have a number of options for preview as well as 'Undo & Redo'. In the top right-hand corner, you have the option to edit within the browser or navigate to a full-screen editor. The first step that you must take is to change the 'Design' editor from 'Basic' to 'Advanced' using the selector in the top right-hand corner.
Using your cursor you can identify different elements within an overlay. In this particular instance, we will be editing the 'Canvas'. You can either identify this by using your cursor or using the elements list which you will find on the left-hand side of your screen.
By selecting the 'Canvas' element within your overly this will then change the navigation pane on the left-hand side giving you the ability to make the changes that you would like to. You will have a couple of options within in here including 'Triggers', 'Appearence' & 'Layout'. For the purpose of resizing your canvas, you will need to scroll down 'Layout' and use the dimension measurements. If you leave the 'Type' as responsive it will make sure that the rest of the elements within the overlay resize automatically as you change the size of the canvas.
The 'Width' and 'Height' sections of the layout is exactly what you would need to use to resize the canvas to change the size of your overlays to fit your brand's aesthetics and customise exactly how your overlay looks.