Row Layout - Image or Background Image

Scenario 1/2
You have created 2 column, column one has an image object and column two has a text object.
row1_1.jpg
Scenario 2/2
While inserting text, you notice that second column is growing higher but your image is not extending. 
row1_2.jpg
To create a layout that image will extend base on the text length from the other column, these are the ways to do it.
Step 01
Remove the image from the first column, then select column setting General > Background > Add Background Image.
row1_3.jpg
row1_4.jpg

Step 04
Click on the folder icon and select the image for your background in column one.
row1_5.jpg

Result 1
As you can see the original image is big and the main focus in the image is off. There are some settings that you can change to fix this issue.
row1_6.jpg

Step 5
Go to image setting, change the setting "Size" to "Cover". This would have the image fit into the space of the column.
row1_7.jpg

Result 2
This is the end result. Notice that there is a semi transparent icon. That is an indication that the column does not has any object within it.
row1_8.jpg

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

Contact Us