Meta tags:
description= Learn how to use Visual Composer elements, how to modify elements, create element presets, and more.;
Headings (most frequently used words):
elements, how, to, content, structure, rows, and, columns, create, your, own, substitute, hide, rename, doc, navigation, can, we, help, visual, composer, website, builder,
Text of the page (most frequently used words):
the (68), how (54), #elements (45), you (32), #content (29), element (26), visual (25), composer (25), can (24), and (23), your (21), row (17), create (16), for (15), will (15), columns (15), that (13), add (12), custom (11), use (10), are (9), window (9), from (9), width (9), structure (8), edit (7), layout (7), with (7), hide (7), different (7), page (7), adjust (7), column (7), allows (6), enable (6), dynamic (6), into (6), there (6), set (6), builder (5), get (5), api (5), this (5), same (5), available (5), buttons (5), more (5), image (5), rows (5), menu (5), support (4), wordpress (4), website (4), all (4), started (4), hub (4), account (4), click (4), substitute (4), preset (4), save (4), contain (4), design (4), devices (4), have (4), policy (3), release (3), notes (3), features (3), name (3), help (3), templates (3), allow (3), when (3), working (3), icon (3), means (3), site (3), another (3), list (3), advanced (3), reduce (3), added (3), post (3), grid (3), simple (3), other (3), button (3), text (3), 100 (3), auto (3), space (3), change (3), mobile (3), integration (2), billing (2), getting (2), was (2), still (2), rename (2), quickly (2), very (2), useful (2), pages (2), open (2), any (2), editor (2), one (2), look (2), inside (2), group (2), not (2), addons (2), presets (2), new (2), settings (2), attributes (2), like (2), default (2), those (2), display (2), addition (2), static (2), fields (2), need (2), build (2), controls (2), height (2), options (2), specific (2), down (2), value (2), take (2), free (2), two (2), pixel (2), don (2), want (2), divide (2), equal (2), divided (2), place (2), images (2), section (2), management (2), wpbakery (2), premium (2), role (2), manager (2), font (2), temporary (2), size (2), side (2), items (2), transparent (2), header (2), link (2), documentation (2), refunds, privacy, terms, proudly, powered, copyright, 2024, rights, reserved, best, professional, websites, clients, feature, request, roadmap, message, subject, email, article, helpful, yes, doc, navigation, updated, december, 2023, stuck, here, clicking, title, tree, view, naming, navigate, through, overview, giving, large, unhide, perform, steps, hidden, eye, option, temporarily, them, once, needed, frontend, but, won, visible, visitors, substituted, select, see, easily, while, keeping, based, existing, completely, projects, sale, creating, branded, customers, time, spend, styling, style, own, some, purpose, posts, convert, connect, field, containing, multiple, tabs, regular, placed, ones, block, single, galleries, stretch, gap, vertical, position, responsiveness, even, parts, allowed, exceeds, such, case, fit, moved, stacking, accepted, example, where, first, second, rest, fixed, logo, scale, since, responsive, adapt, screen, sizes, limit, many, percentage, fraction, pixels, maximum, having, access, root, words, fill, consists, sections, used, combine, blocks, concept, should, understand, types, downloaded, library, offers, hundreds, predefined, right, start, download, home, license, pre, sales, questions, system, requirements, dashboard, interface, activation, install, giphy, unsplash, stock, what, css, insights, popup, theme, others, wpml, translatepress, gravity, forms, acf, woocommerce, integrations, div, around, data, admin, users, multisite, setup, unfiltered_html, upgrade, plan, fix, error, connection, unsuccessful, author, user, login, without, password, reset, move, dev, final, live, url, make, work, wordfence, contribute, translation, plugin, svg, cart, gdpr, possible, migrate, facebook, google, analytics, code, template, html, blank, sized, dark, mode, tinymce, copy, paste, fonts, sandwich, normal, desktop, between, control, back, top, animation, speed, transition, solid, scrolling, excerpt, lengths, background, color, whole, overlap, arrows, indicating, submenu, category, filters, downloadable, file, sticky, sitewide, sidebar, duplicate, headers, footers, sidebars, center,
Text of the page (random words):
content elements structure visual composer help center documentation api release notes get support documentation api release notes get support get started content elements structure how to s how to duplicate headers footers and sidebars how to create a sitewide sidebar in visual composer how to create a sticky menu in visual composer how to create a link to a downloadable file how to add category filters to the post grid elements how to create a transparent header how to link to a section on the same page how to create arrows indicating the submenu in the menu how to place a text to overlap with an image how to set a background color image for the whole page how to set custom excerpt lengths for grid items how to transition from a transparent to a solid header on scrolling how to change the animation speed how to add a back to the top button how to control page design on different devices how to reduce the space between menu items how to create a sandwich menu for the mobile and a normal menu for the desktop how to use custom fonts how to change the font size on mobile devices how to hide content on mobile how to copy and paste elements how to enable dark mode in tinymce how to adjust row height how to create equal sized columns in the same row how to add blank space how to add custom html how to change content width how to save a row as a template how to create two buttons side by side how to set a column to be a specific size how to add facebook pixel and google analytics code is it possible to migrate from wpbakery to visual composer visual composer and gdpr how to create a custom add to cart button how to add an svg image can i contribute to the translation of the plugin how to make visual composer work with wordfence how to move a website from temporary dev to final live url how to reset visual composer how to create wordpress temporary login without password how to enable editor for author user role how to fix an error connection with account was unsuccessful how to upgrade my visual composer plan how to enable unfiltered_html how to enable visual composer for admin users on multisite setup how to add data attributes to an element how to add a div around an element integrations woocommerce acf gravity forms translatepress wpml others features content elements structure templates design options theme builder font manager popup builder role manager insights dynamic content custom css js visual composer hub what is visual composer hub elements templates addons unsplash stock images giphy integration getting started install visual composer visual composer premium activation create a new page interface dashboard settings free vs premium visual composer vs wpbakery system requirements account billing pre sales questions license management account management home features content elements structure content elements structure visual composer offers hundreds of different content elements that you can use to build your pages there are 40 predefined elements available right from the start you can download more elements from the visual composer hub all downloaded elements will be added to the element library and can be added to the page from the add content window when working with elements there is a simple concept you should understand there are 2 types of elements structure elements section row column content elements text blocks images buttons structure elements allow you to create the structure of your page your layout consists of rows divided into columns sections are used to combine rows you can place content elements into columns in other words fill columns with the content rows and columns a row is the root element of visual composer that can be divided into columns to divide a row into columns you will need to adjust the row layout available in the row edit window to access the row edit window use row controls there is no limit in how many columns a row can contain you can use percentage fraction and pixels to set column width the maximum width of the row is 100 this means having 50 and 50 columns will divide your row into 2 equal columns since rows and columns are responsive the width will adapt to different screen sizes to have fixed width columns you can use the pixel value this is very useful if you don t want your column to reduce in width ex you have a logo image that you don t want to scale down on different devices another value accepted by the row layout is auto the auto means that it will take all the free space available up to 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 it is allowed to have a row width that exceeds 100 in such a case columns that do not fit in will be moved to the down stacking in addition to a simple row layout you can adjust custom responsiveness it allows you to adjust column width for specific devices or even hide parts of the 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 content elements regular content elements that can be placed inside columns are the ones you will use to build your content elements like text block single image buttons galleries and more will contain your static content you can adjust the content and design of those elements from the element edit window there are simple elements and more advanced elements that can contain other elements ex button group containing multiple buttons or tabs that can contain other elements in addition you can convert your static content elements into dynamic content elements dynamic content elements can display wordpress default fields and custom fields to enable dynamic content you will need to connect the element to the custom field some elements like post list or post grid are dynamic by default the purpose of those elements is to display dynamic content ex a list of your posts how to create your own elements visual composer allows adjust attributes of any element and save it as a preset to save an element as a preset add an element to the page and style it click on the settings icon in the element edit window name your element and click save as preset your new element preset will be added to the add content window you can use presets when creating branded elements for your site or working on the site for your customers element presets can reduce the time you spend styling different elements for more advanced custom elements not based on existing elements you can use visual composer api an api allows you to create completely custom elements for your projects or create addons for sale how to substitute elements you can easily substitute elements from the same group while keeping the content of the element the same this allows you to quickly see how different elements look inside your layout ex how different buttons look to substitute an element with another one open element edit window click on the substitute icon select another element from the list the element will be substituted how to hide elements you can hide any element of visual composer this means that the element will still be available in the frontend editor but won t be visible to your site visitors you can use the hide option to temporarily hide elements and enable them once needed to hide an element open element edit window click on the eye icon the element will be hidden to unhide perform the same steps how to rename elements visual composer allows giving your elements a custom name that is very useful when working with large pages naming elements allow you to quickly navigate through the layout to overview your content you can rename an element by clicking on the element title in the element edit window or in the tree view still stuck we are here to help updated on december 27 2023 doc navigation templates was this article helpful to you no 1 yes 4 how can we help name email subject message getting started account billing features visual composer hub integration how to s api release notes roadmap get support feature request visual composer website builder the best website builder for wordpress that allows you to create professional websites for you and your clients get started copyright 2024 visual composer website builder all rights reserved proudly powered by visual composer and wordpress terms of use privacy policy refunds policy support policy
|
