Visual Composer – Video Tutorials

[vc_row full_width=”” parallax=”” parallax_image=””][vc_column width=”1/1″][vc_column_text]

Visual Composer is really simple, but there are few tricks you should know in order to get maximum out of your site. We have prepared a bunch of video tutorials which will quickly guide you though the all necessary aspects of Visual Composer and help you find best possible solution for your layouts. We have created video tutorials in a way that even complete pro of WordPress and Visual Composer will discover some hidden features.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” img_size=”300×300″ title=”How to Work with Tabs, Accordions and Tours” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-work-with-tabs-accordions-and-tours/” css_animation=”bottom-to-top” alignment=”center”][vc_column_text] Learn how to work with complex elements like tabs, accordions and tours in Visual Composer drag and drop page builder. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-add-gallery-using-visual-composer/” title=”How to Add Gallery Using Visual Composer” img_size=”300×300″ css_animation=”bottom-to-top” alignment=”center”][vc_column_text] Add fancy looking gallery to your WordPress site with Visual Composer drag and drop page builder. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” title=”How to Navigate Across Visual Composer” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/how-to-navigate-across-visual-composer/” alignment=”center”][vc_column_text] New to Visual Composer? Learn how to navigate across Visual Composer for WordPress and start using it. [/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” title=”How to Add Row or Column Background” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/how-to-add-row-or-column-background/” alignment=”center”][vc_column_text] Learn how you can easily add or edit background for rows and columns by using Visual Composer drag and drop page builder [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” title=”How to Check Responsive Design with Visual Composer” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/how-to-check-responsive-design-with-visual-composer/” alignment=”center”][vc_column_text] Learn how you can easily switch between different devices in order to ensure quality of responsive design with Visual Composer drag and drop page builder [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” title=”How to Insert Inner Row with Visual Composer” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/how-to-insert-inner-row-with-visual-composer/” alignment=”center”][vc_column_text] Insert inner row into columns in order to create complex layouts and have additional design options with Visual Composer drag and drop page builder. [/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” title=” Switching between Frontend Guide Modes” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/switching-between-frontend-guide-modes-in-visual-composer/” alignment=”center”][vc_column_text] Learn how to switch between guide modes in order to experience even better inline editing with Visual Composer drag and drop page builder. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” title=”How to Use Element Design Options in Visual Composer” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/how-to-use-element-design-options-in-visual-composer/” alignment=”center”][vc_column_text] Learn how you can easily change paddings, borders, margins and background styles with Visual Composer drag and drop page builder by using Element Design Options. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” title=”How to Add CSS to Specific Element with Visual Composer” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/how-to-add-css-to-specific-element-with-visual-composer/” alignment=”center”][vc_column_text] Easily add and edit custom CSS to specific elements created by Visual Composer drag and drop page builder. [/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Drag Element and Change Order” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-drag-element-and-change-order/” alignment=”center”][vc_column_text] Use intuitive drag and drop interface of Visual Composer in order to quickly change your layout or re-order elements. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Clone Elements with Visual Composer” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-clone-elements-with-visual-composer/” alignment=”center”][vc_column_text] Clone/Duplicate/Copy elements or set of elements with Visual Composer drag and drop page builder [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Add Text Block with Visual Composer” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-add-text-block-with-visual-composer/” alignment=”center”][vc_column_text] Add and edit text by using WYSIWYG editor (TinyMCE) with Visual Composer drag and drop page builder [/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Add Row and Column with Visual Composer” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-add-row-and-column-with-visual-composer/” alignment=”center”][vc_column_text] See how you can easily create row and divide it into columns by using Bootstrap principles with Visual Composer drag and drop page builder. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Edit Your Page Title with Visual Composer” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-edit-your-page-title-with-visual-composer/” alignment=”center”][vc_column_text] Edit your page title from frontend with Visual Composer drag and drop page builder [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Add and Edit Image with Visual Composer” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-add-and-edit-image-with-visual-composer/” alignment=”center”][vc_column_text] Add images, edit size, add links or CSS animation  with Visual Composer drag and drop page builder [/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Add Custom CSS to Your WordPress Page” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-add-custom-css-to-your-wordpress-page/” alignment=”center”][vc_column_text] See how you can easily add custom CSS to your WordPress page, post or custom posts with Visual Composer. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ link=”https://oldschoolhub.com/help/visual-composer-help/how-to-use-templates-in-visual-composer/” title=”How to Use Templates in Visual Composer” alignment=”center”][vc_column_text] Follow these simple steps to create and reuse content by introducing built-in template tool within Visual Composer. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”Backend Editor and Collapsible Row Feature Explained” link=”https://oldschoolhub.com/help/visual-composer-help/backend-editor-and-collapsible-row-feature-explained/” alignment=”center”][vc_column_text] Learn how to work with Backend Editor of Visual Composer [/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=” Responsive Column Control Width and Offset Param Usage Explained” link=”https://oldschoolhub.com/help/visual-composer-help/responsive-column-control-width-and-offset-param-usage-explained/” alignment=”center”][vc_column_text] Learn how to use responsive controls for managing width and offsets in Visual Composer [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Control Elements on Different Devices with Responsive Column Controls” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-control-elements-on-different-devices-with-responsive-column-controls/” image=”2706″ alignment=”center”][vc_column_text] Learn how to design responsive layouts and control elements on different devices with Visual Composer [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Use Custom Heading Element with Google Fonts in Visual Composer” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-use-custom-heading-element-with-google-fonts-in-visual-composer/” alignment=”center”][vc_column_text] Follow these simple steps to create a good looking heading with Google Fonts by using Visual Composer [/vc_column_text][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Create Empty Space Between Elements with Custom Height” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-create-empty-space-between-elements-with-custom-height/” alignment=”center”][vc_column_text] Follow these simple steps to increase space between elements with Empty Space element from Visual Compose. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to Start Building Page from Scratch with Blank Page Templates” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-start-building-page-from-scratch-with-blank-page-templates/” alignment=”center”][vc_column_text] Learn how quickly create a stunning layout by simply adding pre-defined layouts of Visual Composer. [/vc_column_text][/vc_column][vc_column width=”1/3″][vc_single_image image=”2706″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”bottom-to-top” img_size=”300×300″ title=”How to use Parallax effect for row background in Visual Composer” link=”https://oldschoolhub.com/help/visual-composer-help/how-to-use-parallax-effect-for-row-background-in-visual-composer/” alignment=”center”][vc_column_text] Discover an easy way to add fabulous parallax effect to your site with Visual Composer page builder. Easy to add parallax background for any row. [/vc_column_text][/vc_column][/vc_row]

Leave a Comment