1.0Citra Grouphttps://thecitragroup.com/idadmintcghttps://thecitragroup.com/id/author/admintcg/rich600338<blockquote class="wp-embedded-content" data-secret="tVNEIm2BAF"><a href="https://thecitragroup.com/id/help/content-elements/">Content Elements</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://thecitragroup.com/id/help/content-elements/embed/#?secret=tVNEIm2BAF" width="600" height="338" title="“Content Elements” — Citra Group" data-secret="tVNEIm2BAF" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script>This is a list of 40+ available content elements that can be placed on the working canvas or inside of the columns. Think of them as bricks. With those bricks, you are building your layout. Most of the content elements have options to set them click pencil icon. To save changes click save button. Row “Row“ is the main content element of WPBakery Page Builder  . Rows are used to divide your page into the logic blocks with columns, columns later will hold your content blocks. Rows can be divided into the layouts (eg. 1/2 + 1/2, 1/3 + 1/3 + 1/3, and so on). Your page can have an unlimited number of rows.   To change row’s position, click and drag row’s drag handler (top left row’s corner) and drag row around (vertical axis). Param name Description Row stretch Select stretching options for row and content (Note: stretched may not work properly if parent container has “overflow: hidden” CSS property). Column gap Set gap between columns, all columns within row will be affected by this value. Full height row Set row to be full height.Note: if content will exceed screen size then row will be bigger than screen height as well. Columns position Set columns position for full height row – Top, Middle, Bottom.Note: active only if “Full height row” is selected. Equal height Set all columns to be equal height.Note: all columns will have same height as longest column. Content position Set content position within columns – Default, Top, Middle, Bottom.Note: Default value will be used top or other if defined within theme. Use video background Set YouTube background for row. YouTube link Enter link to YouTube video to set it as row background.Note: YouTube video will overwrite background images and can be used with parallax effect. Parallax Add parallax type background for row (Note: If no image is specified, parallax will use background image from Design Options). Image Select image from media library for parallax.Note: active only if “Parallax” effect is chosen. Parallax speed Control parallax effect speed with 1.5 value set as default. For traditional parallax effect 1.0 is the minimum value.Note: active only if Image or Video parallax effect is enabled. Row ID Enter row ID (Note: make sure it is unique and valid according to w3c specification). CSS Animation Add animation to your element. Extra class name Add class name in order to refer to this element in CSS. Design Options Control borders, background and other styling options. Important: Row allows you build complex layouts by inserting inner row within root level row/column. Take into account that it is not allowed to insert inner row within inner row. Column “Columns“ are part of the row and they hold your content elements inside them. Columns can be reordered. Click and drag column around (horizontal axis). That way you can group elements in logical groups and then drag them around with your mouse (to re-position). Param name Description Use video background Set YouTube background for row. YouTube link Enter link to YouTube video to set it as row background.Note: YouTube video will overwrite background images and can be used with parallax effect. Parallax Add parallax type background for row (Note: If no image is specified, parallax will use background image from Design Options). Image Select image from media library for parallax.Note: active only if “Parallax” effect is chosen. Parallax speed Control parallax effect speed with 1.5 value set as default. For traditional parallax effect 1.0 is the minimum value.Note: active only if Image or Video parallax effect is enabled. Element ID Add unique element ID (Note: make sure it is unique and valid according to w3c specification). Extra class name Add class name in order to refer to this element in CSS. Design Options Control borders, background and other styling options. Width & Responsiveness Control width, offset and visibility of element on different devices. Section “Section“ is root type container element that allows you to ‘group’ several rows. You can insert section into root canvas only (section element can not be inserted into any other element, including row). Section element can contain only row elements. Param name Description Section stretch Add class name in order to refer to this element in CSS. Full height section? Set section to be full height.Note: if content will exceed screen size then row will be bigger than screen height as well. Content position Set content position within columns – Default, Top, Middle, Bottom.Note: Default value will be used top or other if defined within theme. Use video background? Set YouTube background for section. YouTube link Enter link to YouTube video to set it as section background.Note: YouTube video will overwrite background images and can be used with parallax effect. Parallax Add parallax type background for section (Note: If no image is specified, parallax will use background image from Design Options). Image Select image from media library for parallax.Note: active only if “Parallax” effect is chosen. Parallax speed Control parallax effect speed with 1.5 value set as default. For traditional parallax effect 1.0 is the minimum value.Note: active only if Image or Video parallax effect is enabled. CSS Animation Add animation to your element. Section ID Enter section ID (Note: make sure it is unique and valid according to w3c specification). Disable section Allows you to disable section (It will not be visible to the public). Extra class name Add class name in order to refer to this element in CSS. Design Options Control borders, background and other styling options. Text Block “Text block“ allows you to insert paragraph type text and format it using WYSIWYG editor. Moreover text block allows adding media(images and videos). Param name Description Text Add/Edit content using WYSIWYG editor TinyMCE. CSS animations Add animation to your element. Element ID Add unique element ID (Note: make sure it is unique and valid according to w3c specification). Extra class name Add class name in order to refer to this element in CSS. Design Options Control borders, background and other styling options. Separator “Separator“ add separator line to your page. Param name Description Color Choose color of your separator line, […]https://thecitragroup.com/wp-content/uploads/2021/06/COVER_ARTIKEL_-_Air_Comp_Hitachi-scaled.jpg20481448