visual composer responsive columns explained

#VISUAL COMPOSER RESPONSIVE COLUMNS EXPLAINED GENERATOR#

Please note that you can resize the element itself or the columns containing different elements. This manner you can create a variety of different layouts. Click + to increase the size, or – to decrease. These icons allow you to change the width of the element. Plus/Minus icons (Increase/Decrease width) Please refer to this tutorial for more details: ī.

#VISUAL COMPOSER RESPONSIVE COLUMNS EXPLAINED GENERATOR#

In the content field, you can access the visual or text editor and our shortcode generator button:Ĭlick the generator button to select and use any of these content based shortcodes. Add the Text/Image Block element and then click the edit icon. For example, you would use a Text/Image Block element to add a dropcap or highlight. These content based shortcodes need to be used with other shortcodes. For example, you would not use a dropcap or highlight without other text. These are content based shortcodes that require other text or content to go with them. You may notice that some of our shortcodes are missing from the builder elements, such as: buttons, dropcaps, icon, divider, styled list, etc. Please note that the Columns element (Column-Color Box) is included into the elements top bar as well: You have 25+ elements to choose from. Hover over the icon to get some help info about each element:Ĭlick on or drag the element buttons to add it to the builder. VamTam Drag & Drop columns and b uilder elements Please view this general image and short descriptions below:Ī. Please note that on a newly created pages / posts you have first save the changes before switch to Visual or Text tab. The VamTam Drag & Drop editor is tightly integrated with tinymce editor and you can switch to visual or text editor and vice versa at any time without losing any changes. You can use the builder on each page / post / portfolio post.Ībove the text editor in the top right side there are three tabs: Visual | Text | VamTam. Knowing the different areas, icons and tools we include will help you quickly build beautiful pages with it.

This section explains the main elements and aspects of the builder with images and descriptions. Click to add an element In next available spotĥ. Drag And Drop From Top Elements Panel To Content AreaĢ.2. List of the most common VamTam Drag & Drop ElementsĢ.1. VamTam Drag & Drop Elements description and typesġ.2. Plus/Minus icons (Increase/Decrease the width of the elements)ġ.1. VamTam Drag & Drop columns and builder elementsī. VamTam Drag & Drop Page / Post Builder General DescriptionĪ. We've created the Builder in a way that allows you to seamlessly switch between the builder interface and the regular WordPress interface - Visual and Text editors. The builder is a WYSIWYG (What You See Is What You Get) builder that allows you to quickly and easily build pages using all the included elements. We will call it 'The builder' for the purpose of this guide. VamTam themes include our proprietary page builder called VamTam Drag & Drop builder.

Visual composer responsive columns explained