How to resize an element within Overlays

Within this article, you will learn how to resize elements with an Overlay.

In order to resize any element within an overlay, you will first need to make sure that you are within the Design pane of the Overlay editor.

Once you are within this pane you must ensure that you have changed the viewer from 'Basic' to 'Advanced'


Once you have done this you need to select the element that you are looking to resize. For this example, we will use a button. Once you have selected the element your navigation pane on the left-hand side will change to show the advanced settings:

Once within here, you must then scroll down to the 'Layout' subheading and edit the dimensions of the element using the width and height setting them to exact. Using the sliders you can then resize the element.

Once you have made any changes you must then click the 'Save' button in the top right-hand corner of the screen and this will save any changes that you have made.

If you need anything else don't forget to reach out to your eCommerce Success Manager and they can point you in the right direction!