The box element is a versatile element. In this how-to, we'll focus on using box elements as containers to achieve a variety of effects.
 
Adding elements into a box element requires that you drag and drop the element inside of the area of the box element. Below, see how the image and textbox elements are dragged inside the area of the box element. When dragging elements into the area of the box element, notice that the border of the box becomes orange. This signifies that your box element is ready to contain the element once you release the mouse button.
Examples of where box elements are being used as containers In the body of the example below, we have images and text grouped in box elements with grey backgrounds. This is a design strategy to visually group elements together, but also helps keep things nicely packaged when working in the editor.
Screenshot of the same page from within the Readz editor. The gray box contains 8 elements: 4 text boxes and 4 images.
Here is another example, in this case a footer navigation using the box element as a container. In doing so, we were able to create a group of elements. Because the footer contains many elements, this method was very convenient. Otherwise, we would have to select all elements together and move them. Instead, we can move the box container as one piece at once.
Grouping Elements
Use box elements as containers when grouping elements
GET UPDATES
Thank you & welcome!
GET UPDATES
Thank you & welcome!
POWERFUL, INTUITIVE DIGITAL PUBLISHING SOFTWARE
Drag-and-drop content creation, integrated marketing tools and performance analytics, all in one platform.
DESIGNERS AT THE WORLD'S LEADING BRANDS ARE ALREADY USING US