{"id":322,"date":"2020-05-12T09:41:43","date_gmt":"2020-05-12T09:41:43","guid":{"rendered":"https:\/\/rockythemes.com\/documentation\/?p=322"},"modified":"2020-05-12T09:42:22","modified_gmt":"2020-05-12T09:42:22","slug":"how-to-access-the-page-builder","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/","title":{"rendered":"Using the Page Builder"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">After installing and activating the Creativo theme, you are also asked to install the plugins that come with Creativo. One of the required plugins is called: Visual Composer, currently known as WP Bakery Page Builder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a required plugin because it is actually the Page Builder plugin that allows us to build and edit pages using a Visual Layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are two ways to access the Page Builder:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>using the Backend Editor<\/li><li>using the FrontEnd Editor<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The Backend Editor is a bit faster but it does not allow us to view the page content in a Live mode, while the FrontEnd editor allows us to view exactly how the page elements will look without having to publish\/update the page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To access the FrontEnd Editor &#8211; recommended Editor &#8211; you can navigate to the page you want to edit either in the WordPress Admin Dashboard and then enable the FrontEnd editor from the page editing page or you can navigate to your page in the front end of your site and then hit the\u00a0<strong>Edit with WP Bakery Page Builder<\/strong>\u00a0button as seen below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1080\" height=\"599\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg\" alt=\"\" class=\"wp-image-323\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg 1080w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1-300x166.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1-1024x568.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1-768x426.jpg 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After clicking the\u00a0<strong>Edit with WP Bakery Page Builder<\/strong>\u00a0link, the page will be loaded in the FrontEnd editor and now we can start editing everything we want in our content area:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1080\" height=\"694\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-2.jpg\" alt=\"\" class=\"wp-image-324\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-2.jpg 1080w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-2-300x193.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-2-1024x658.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-2-768x494.jpg 768w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Expand the Row controls and hit the Edit button to edit the settings of the Row element. A pop up window will appear with customization options for the Row element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Row element is the placeholder of all elements. Each element that we add on a page will always be placed inside a Row element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Row element can have a custom layout &#8211; for example, we can have a Row element with 3 equally columns or we can have a Row element with 3 columns having two columns with one third width and one column with two thirds width. This would translate in the following format: 1\/4 + 1\/2 +1\/4 .<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The example below uses 3 columns with equal widths and inside each column the\u00a0<strong>Icon\/Image Box<\/strong>\u00a0element is placed. Each element can be placed inside any Row element or Column and it will inherit the space of that Row or Column.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1067\" height=\"258\" src=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-3.jpg\" alt=\"\" class=\"wp-image-325\" srcset=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-3.jpg 1067w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-3-300x73.jpg 300w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-3-1024x248.jpg 1024w, https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-3-768x186.jpg 768w\" sizes=\"(max-width: 1067px) 100vw, 1067px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Access and use the Front End Page Builder.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[56],"tags":[],"class_list":["post-322","post","type-post","status-publish","format-standard","hentry","category-wp-bakery-page-builder"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Using the Page Builder &#8211; Creativo Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using the Page Builder &#8211; Creativo Documentation\" \/>\n<meta property=\"og:description\" content=\"Access and use the Front End Page Builder.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/\" \/>\n<meta property=\"og:site_name\" content=\"Creativo Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/rockythemes\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-12T09:41:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-12T09:42:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg\" \/>\n<meta name=\"author\" content=\"rockystef\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:site\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rockystef\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/\"},\"author\":{\"name\":\"rockystef\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\"},\"headline\":\"Using the Page Builder\",\"datePublished\":\"2020-05-12T09:41:43+00:00\",\"dateModified\":\"2020-05-12T09:42:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/\"},\"wordCount\":367,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-1.jpg\",\"articleSection\":[\"WP Bakery Page Builder\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/\",\"name\":\"Using the Page Builder &#8211; Creativo Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-1.jpg\",\"datePublished\":\"2020-05-12T09:41:43+00:00\",\"dateModified\":\"2020-05-12T09:42:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-1.jpg\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/pb-1.jpg\",\"width\":1080,\"height\":599},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/how-to-access-the-page-builder\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using the Page Builder\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"name\":\"Creativo Documentation\",\"description\":\"Documentation, Tutorials, Tips and Tricks for the Creativo Theme\",\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\",\"name\":\"RockyThemes\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"width\":228,\"height\":50,\"caption\":\"RockyThemes\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/rockythemes\",\"https:\\\/\\\/x.com\\\/rockythemes\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\",\"name\":\"rockystef\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"caption\":\"rockystef\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Using the Page Builder &#8211; Creativo Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/","og_locale":"en_US","og_type":"article","og_title":"Using the Page Builder &#8211; Creativo Documentation","og_description":"Access and use the Front End Page Builder.","og_url":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/","og_site_name":"Creativo Documentation","article_publisher":"https:\/\/facebook.com\/rockythemes","article_published_time":"2020-05-12T09:41:43+00:00","article_modified_time":"2020-05-12T09:42:22+00:00","og_image":[{"url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg","type":"","width":"","height":""}],"author":"rockystef","twitter_card":"summary_large_image","twitter_creator":"@rockythemes","twitter_site":"@rockythemes","twitter_misc":{"Written by":"rockystef","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#article","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/"},"author":{"name":"rockystef","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a"},"headline":"Using the Page Builder","datePublished":"2020-05-12T09:41:43+00:00","dateModified":"2020-05-12T09:42:22+00:00","mainEntityOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/"},"wordCount":367,"commentCount":0,"publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg","articleSection":["WP Bakery Page Builder"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/","url":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/","name":"Using the Page Builder &#8211; Creativo Documentation","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#primaryimage"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg","datePublished":"2020-05-12T09:41:43+00:00","dateModified":"2020-05-12T09:42:22+00:00","breadcrumb":{"@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#primaryimage","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2020\/05\/pb-1.jpg","width":1080,"height":599},{"@type":"BreadcrumbList","@id":"https:\/\/rockythemes.com\/documentation\/how-to-access-the-page-builder\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rockythemes.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"Using the Page Builder"}]},{"@type":"WebSite","@id":"https:\/\/rockythemes.com\/documentation\/#website","url":"https:\/\/rockythemes.com\/documentation\/","name":"Creativo Documentation","description":"Documentation, Tutorials, Tips and Tricks for the Creativo Theme","publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rockythemes.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rockythemes.com\/documentation\/#organization","name":"RockyThemes","url":"https:\/\/rockythemes.com\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","width":228,"height":50,"caption":"RockyThemes"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/rockythemes","https:\/\/x.com\/rockythemes"]},{"@type":"Person","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a","name":"rockystef","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","caption":"rockystef"}}]}},"_links":{"self":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=322"}],"version-history":[{"count":2,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/322\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/322\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/categories?post=322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/tags?post=322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}