Container Elements are website elements that can be used to conveniently add supplementary sections to a page. They can be as well utilised as a part of a website refresh due to their modern and attractive look, when paired with the appropriate image background and text.
The Container Elements sub-menu can be located in the Build tab, from the menu on the left. Each element, available there, has its own sample content, which can be replaced to suit any needs. These elements also allows the placement of any additional content that is available in the Build menu.
To add a Container Element to your page, simply hover over the desired preset, click on the dotted square rectangle, and drag the element to your desired location. As with all other elements, you will see blue lines appear on the page where the element can be placed. Each element icon and name gives a basic representation on the type of sample content it offers.
As you place the element, the page will refresh and the element specific menu will open on the right. This menu is universal for all Container Elements and is where the background and background behaviour can be adjusted.
Note: Each Container Element contains an HTML snippet necessary for the element's functionality. We do not recommend modifying/deleting it, unless you are absolutely certain.
At the top you will find the options to change, edit or delete the current background image.
Below that you can adjust the position by clicking on the grey squares on the grid, the orange square represents the current position.
The Scroll option allows you to choose between the default "Scroll" and "Fixed". Scroll is selected by default, and the image will scroll along with the page. Fixed option keeps the image in the same position as the page is scrolled, creating a parallax effect.
The Background Color can also be adjusted, however the color will not be visible if a background image is set.
The Container Type dropdown determines the width of the background of the container. Fluid option will allow the image to spread the entire width of the page, and Fixed will crop the sides accordingly.