button group containing multiple buttons or tabs that can contain other elements). There are simple elements and more advanced elements that can contain other elements (ex. You can adjust the content and design of those elements from the element edit window. Elements like text block, single image, buttons, galleries, and more will contain your static content. Regular content elements that can be placed inside columns are the ones you will use to build your content. There are more controls available to rows that allow to stretch the content, set column height, column gap, content vertical position, and adjust advanced design options. It allows you to adjust column width for specific devices or even hide parts of the content. In addition to a simple row layout, you can adjust custom responsiveness. In such a case, columns that do not fit in will be moved to the down (stacking). It is allowed to have a row width that exceeds 100%. For example, if you set your row layout to 30% and auto - you will have two columns where the first one will take 30% of all width and the second the rest 70%. The auto means that it will take all the free space available up to 100%. you have a logo image that you don't want to scale down on different devices).Īnother value accepted by the "Row Layout" is "auto". This is very useful if you don't want your column to reduce in width (ex. To have fixed-width columns, you can use the pixel value. Since rows and columns are responsive, the width will adapt to different screen sizes. This means having 50% and 50% columns will divide your row into 2 equal columns.
You can use percentage, fraction, and pixels to set column width. There is no limit in how many columns a row can contain.
To access the row edit window, use row controls. To divide a row into columns, you will need to adjust the "Row Layout" available in the row edit window. Rows and columnsĪ row is the root element of Visual Composer that can be divided into columns. In other words, fill columns with the content. You can place content elements into columns. Your layout consists of rows divided into columns. Structure elements allow you to create the structure of your page. Content elements (text blocks, images, buttons).Structure elements (section, row, column).When working with elements, there is a simple concept you should understand. You can download more elements from the Visual Composer Hub.Īll downloaded elements will be added to the element library and can be added to the page from the Add Content Window. There are 40+ predefined elements available right from the start. Visual Composer offers hundreds of different content elements that you can use to build your pages.
0 kommentar(er)
