In order to change the properties of the elements in your design or set, you need to use the properties bar. Depending on what's selected on the canvas, you will have access to:
Background Tab
When no element is selected on the stage, the background tab is enabled. From here, you can make changes to the background of your design or design set, whether you want to use solid colors, borders, or gradients.
Properties Tab
When you've selected an element, the properties tab will be enabled. From here, you can view and make changes to the properties of the elements within your design or design set. The changes you can make will depend on the type of element you have selected, but here's a list of what you can do. The changes from the properties bar will reflect on the canvas on all the layouts you are working on, whether one or multiple simultaneously. Remember that you can control that using the layout selector.
-
General management options. This section is available for all element types and enables you to control the alignment of the layer within the design. You can also duplicate or delete layers from here.
-
Layer. This section is available when working with most element types, enabling you to control your elements' rotation, position¹, and layer order. It is also where you can enable Show on all slides for a specific layer, a property that enables you to display an element on all the slides in the design.
-
Style. This option is enabled when working with media and graphic elements. Here, you can apply various filters, use blend modes, play with elements' transparency, and add blur or drop shadow effects. Additionally, you can replace elements from here.
-
Text. Applicable when working with text elements and buttons. From here, you can customize the text style, font, line height, letter spacing, opacity, blur, drop shadow, and outline.
-
Options. You can adjust the autoplay settings, player controls, loop, and volume from this section when working with GIF, video, or audio elements.
-
Crop settings. Control cropping, scale mode, alignment, and set the focal point for media elements and masks.
- Set focal point. This functionality automatically identifies the image's focal point and sets it for all your design sizes. However, it allows you to modify it in focus mode for a single size or change it for all the ads at once.
-
Actions. Here is where you can add actions, such as Go to Slide or Go to URL, to the elements within your design.
Note¹: Changing the X and Y positions can be done when working in focus mode.
Adjusting Properties on Multiple Elements Simultaneously
One of the perks of the properties bar is that it enables you to change the properties of an element on multiple sizes simultaneously. You can control which layouts will be impacted by the change you want to perform by using the layout selector, which becomes available when you have multiple sizes on the stage.
With the layout selector, you can work on all layouts, isolate only some of them, or work on an individual layout by entering Focus mode.
Synced and Unsynced Element States
When working on multiple sizes, you might find yourself in a situation where you want slight variations between the layouts for an optimal creative result.
Let's say that on the vertical layouts, you want your headline text to have a slightly shorter line height than on the horizontals.
When the same element has different properties on the active layouts on the stage according to the layout selector mode, we are talking about an unsynced state, which is displayed in the properties bar as a dash.
When a new value is entered in the properties bar for this specific element, it overwrites the variations on all active layouts on the stage according to the layout selector mode, bringing the element back into a synced state.