{"id":84955,"date":"2018-07-03T03:55:45","date_gmt":"2018-07-03T07:55:45","guid":{"rendered":"https:\/\/www.templatemonster.com\/help\/?p=84955"},"modified":"2018-07-03T03:55:45","modified_gmt":"2018-07-03T07:55:45","slug":"editing-pages-with-elementor","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/editing-pages-with-elementor.html","title":{"rendered":"Editing pages with Elementor"},"content":{"rendered":"<p>Hello, our Support team is ready to present you  a new tutorial that shows how to edit pages using <strong>Elementor drag-n-drop page builder.<\/strong><\/p>\r\n<ol>\r\n\t<li><p>First,  you need to open the page for editing. Navigate to <strong>Pages > All Pages<\/strong> tab in WordPress admin panel and open the needed page. \r\n\tClick on <strong>Edit with Elementor<\/strong> button to proceed to editing with Elementor.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_1.png\" alt=\"\" width=\"956\" height=\"296\" class=\"alignnone size-full wp-image-84957\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_1.png 956w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_1-150x46.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_1-300x93.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_1-768x238.png 768w\" sizes=\"(max-width: 956px) 100vw, 956px\" \/><\/a>\r\n\t\r\n\t<\/li>\r\n\t<li><p>On the left you can see <strong>Elements<\/strong> and <strong>Global<\/strong> tabs, that allow changing global settings and choose the content modules.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_2.png\" alt=\"\" width=\"238\" height=\"473\" class=\"alignnone size-full wp-image-84958\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_2.png 238w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_2-75x150.png 75w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_2-151x300.png 151w\" sizes=\"(max-width: 238px) 100vw, 238px\" \/><\/a>\r\n\t\r\n\t<\/li>\r\n\t<li><p>To edit the content of page, click on one of the content sections you would like to edit. It will be encased in the thin blue frame. It means that the section is active now<\/p><\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Elementor Section Options<\/h3>\r\n<p>Hover on the section to see the available options:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_3.png\" alt=\"\" width=\"927\" height=\"408\" class=\"alignnone size-full wp-image-84959\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_3.png 927w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_3-150x66.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_3-300x132.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_3-768x338.png 768w\" sizes=\"(max-width: 927px) 100vw, 927px\" \/><\/a>\r\n\r\n<ol>\r\n\t<li><p><strong>Edit Section<\/strong> &#8211; here you can manage the section layout options, access section styles, such as backgrounds, borders, and change advanced settings.<\/p><\/li>\r\n\t<li><p><strong>Duplicate Settings<\/strong> &#8211; click on this icon to clone the section on the page<\/p><\/li>\r\n\t<li><p><strong>Add Section<\/strong> &#8211; add a new section to add more content to your page<\/p><\/li>\r\n\t<li><p><strong>Save Section<\/strong> &#8211; click on this icon if you want to save the section to the templates Library. You\u2019ll be able to export and reuse it on any webpage<\/p><\/li>\r\n\t<li><p><strong>Remove Section<\/strong> &#8211; click on this icon if you would like to delete the section <\/p><\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Elementor Column Options<\/h3>\r\n\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_4.png\" alt=\"\" width=\"668\" height=\"469\" class=\"alignnone size-full wp-image-84960\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_4.png 668w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_4-150x105.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_4-300x211.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><\/a>\r\n\r\n\r\n<ol>\r\n\t<li><p>To access the column options, hover on the top left column corner. A gray icon will appear with the following options: Edit Column, Duplicate Column, Add Column, Remove Column.<\/p><\/li>\r\n\t<li><p>Click on <strong>Edit Column<\/strong> icon to access column layout and style settings<\/p><\/li>\r\n\t<li><p>If you click on <strong>Add Column<\/strong> icon, another column will be added to the current section<\/p><\/li>\r\n<\/ol>\r\n<h3 class=\"custom\">Editing Elementor&#8217;s Content Modules<\/h3>\r\n<ol>\r\n\t<li><p>To edit content modules, hover on the top right content block corner. Here you will see the module hamburger menu with options: Edit Widget, Duplicate Widget, Remove Widget.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_5.png\" alt=\"\" width=\"614\" height=\"354\" class=\"alignnone size-full wp-image-84961\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_5.png 614w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_5-150x86.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_5-300x173.png 300w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/a>\t\r\n\t\r\n\t<\/li>\r\n\t<li><p>Click on <strong>Edit Widget<\/strong> button in the top right corner of the content module. The module editor will be opened in the left column. You can switch from editing content to editing style or apply advanced settings using the buttons located in the top panel of the editor<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_6.png\" alt=\"\" width=\"238\" height=\"627\" class=\"alignnone size-full wp-image-84962\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_6.png 238w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_6-57x150.png 57w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2018\/07\/edit_page_elementor_6-114x300.png 114w\" sizes=\"(max-width: 238px) 100vw, 238px\" \/><\/a>\t\r\n\t\r\n\t<\/li>\r\n\t<li><p>The modules content and style settings may differ depending on what content you need to add to the page and what module you\u2019ve chosen<\/p><\/li>\r\n\t<li><p>Click on <strong>Save<\/strong> button in the bottom left corner to save the changes.<\/p><\/li>\r\n<\/ol>\r\n<p>We would also recommend you to view different <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\">WordPress themes<\/a> in case you need a wider choice of website building solutions.<\/p>","protected":false},"excerpt":{"rendered":"<p>Hello, our Support team is ready to present you  a new tutorial that shows how to edit pages using <strong>Elementor drag-n-drop page builder.<\/p>\n","protected":false},"author":56,"featured_media":84963,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[328,2017,728],"tags":[1250,2602],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84955"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=84955"}],"version-history":[{"count":5,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84955\/revisions"}],"predecessor-version":[{"id":84995,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/84955\/revisions\/84995"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/84963"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=84955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=84955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=84955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}