Webnus Themes comes with Visual Page Builder. This software allows you to forget about shortcodes and create most complex layouts within minutes without writing a single line of code!
Our Visual Page Builder is based on widely popular Visual Composer by mixey . It has very simple and intuitive interface, but before getting started with building layouts, you may find it useful to get accustomed with Visual Composer documentation:
To start creating new layout click BACKEND EDITOR button on the top left below title
Now wordpress editor change to Visual Composer canvas. You can work with it as you do with regular Visual Composer.
After clicking “Add element” button, you’ll notice vast set of interface elements (shortcodes) developed exclusively for your theme . Their interface is build on same principles as standard Visual Composer shortcodes. Therefore if you’re already familiar with Visual Composer, working with our shortcodes will be very simple for you!
Elements Blocks :
this image shows the list of all shortcodes that you can use in webnus themes. You can use category filter and search element name field to find your shortcode much quickly. and you can find all webnus shortcodes in webnus shortcode tab
In this image we explained all row options. These are list of options:
- Section Setting
- Row setting
- Inner Row
- Inner Row Setting
- Column setting
- Column layout
- Delete column
- Add element in row
You can divide each part of page by different sections and use Bootstrap 12-column row within the sections. This option is available automatically, if you add a shortcode to the page, you will have the main section and row.
Add a new section and immediately after section you need to put a row.
In General Settings, settings tab, you can:
- Check Stretch Content (full width content) to make section use as full width.
- Full height section will show the section in every screen as full screen. If you don’t check this option, you can put the height value in the beneath field. If you don’t put this value, it will be set based on your page elements automatically.
- In this tab, you can set Content Position and you can also adjust Overlay Pattern and some settings such as text center align or white color for section.
In the next tab, you can set background and its adjustments.
In shape divider you can use section as a shape. Check this image and shapes.
The next tab is background video and the next one is animation, which you can set the way the section appears.
The last section is Class and ID which are used for customizing or creating the mega menu.
ROW settings are like section, but the difference is that it doesn’t have shape divider and you can set here to be full width. Also, in row setting we have styling tab which you can set padding – margin – border.
Plus Background and Design in inner row settings, which do the styling function in row, we have some section and row options in general tab.
We have the same styling for row which is in row for padding – margin – border – background in the column too. in General tab, you have the possibility to customize ID and Class, but there is a new tab which gives you the possibility to do the minor adjustments for responsive. This tab is Responsive Options.
The items mentioned above, are the main structure for building page which you can put shortcodes in ROW, Inner ROW and Column.