Stacking Object

Wanting to place text over image? Want to stack image over another image? Here is a example of how to stack objects together. We will use a text object and an image object as an example to create the layout shown below.

row1_8.jpg

Step 01
Drop text object and image object into the same column
row1_1.jpg
Step 02
Check your column position setting under Properties > Arrangement > Position is set to relative
row1_2.jpg
row1_3.jpg
Step 03
Select text object and change some settings:
  • Position: absolute
  • Top:50%
  • Left:50%
  • Z-index:5
row1_5.jpgrow1_4.jpg
Result 1
The object is now place almost to the center middle of the space. The position is calculated from the top left of the text object. We will have to shift the position to the center of the text object.
row1_6.jpg
Step 4
Look for Properties > Transform setting for the text object and input "translate(-50%,-50%)" to position the text object in the center.
row1_7.jpg
Result 2
Now the text object is in the middle center.
row1_8.jpg

Can't find what you're looking for? Let us help you!

Contact Us