{"id":984,"date":"2020-07-31T15:14:29","date_gmt":"2020-07-31T13:14:29","guid":{"rendered":"https:\/\/basicelementor.wpengine.com\/?page_id=984"},"modified":"2023-04-24T07:58:31","modified_gmt":"2023-04-24T05:58:31","slug":"home-tutorial-elementor","status":"publish","type":"page","link":"https:\/\/mediamagazines.es\/en\/home-tutorial-elementor\/","title":{"rendered":"Home &#8211; tutorial elementor"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"984\" class=\"elementor elementor-984\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-11cf324 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"11cf324\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-dfe941c\" data-id=\"dfe941c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-00ad919 elementor-widget elementor-widget-table-of-contents\" data-id=\"00ad919\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-a769fad\" data-id=\"a769fad\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-fc56d2e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fc56d2e\" data-element_type=\"section\" data-e-type=\"section\" id=\"section01\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-da92789\" data-id=\"da92789\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-132b8b8 elementor-widget elementor-widget-heading\" data-id=\"132b8b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Welcome to Elementor<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a16a55 elementor-widget elementor-widget-text-editor\" data-id=\"5a16a55\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor is a visual website builder plugin for WordPress enabling the creation of web pages in a live, visual way.\u00a0<\/p><p>When building websites with Elementor you should always keep in mind that this builder is both responsive and adaptive. That means, always start building from desktop first.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-50ca196 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50ca196\" data-element_type=\"section\" data-e-type=\"section\" id=\"section02\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-14507f3\" data-id=\"14507f3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3e693e elementor-widget elementor-widget-heading\" data-id=\"b3e693e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to use Elementor<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-503e39e elementor-widget elementor-widget-text-editor\" data-id=\"503e39e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor has some unique features which make building a website in WordPress faster. Some of those features are: the Finder, the Navigator, History States and many more.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-858784d elementor-widget elementor-widget-heading\" data-id=\"858784d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section03\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Elementor panels overview<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58c9673 elementor-widget elementor-widget-text-editor\" data-id=\"58c9673\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor has some unique features which make building a website in WordPress faster. Some of those features are: the Finder, Navigator, History States and many more.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f45de2f elementor-widget elementor-widget-image\" data-id=\"f45de2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/panels-area.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTEzMSwidXJsIjoiaHR0cHM6XC9cL21lZGlhbWFnYXppbmVzLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIwXC8wOVwvcGFuZWxzLWFyZWEuanBnIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"555\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/panels-area-1024x711.jpg\" class=\"attachment-large size-large wp-image-1131\" alt=\"\" srcset=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/panels-area-1024x711.jpg 1024w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/panels-area-640x444.jpg 640w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/panels-area-300x208.jpg 300w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/panels-area-768x533.jpg 768w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/panels-area.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-446a6aa elementor-widget elementor-widget-heading\" data-id=\"446a6aa\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section04\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">The Finder<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41b9167 elementor-widget elementor-widget-text-editor\" data-id=\"41b9167\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor Finder is a search bar that gives quick access to various areas across your site, within one window. You can use the finder to:<\/p><ol><li>Navigate to a different Page or Template<\/li><li>Create A New Page, Post, Template, Product, etc.<\/li><li>Go to other areas of your site (Menus, Popups, etc, even the Knowledge Base)<\/li><\/ol><p>To access it you have to either click the hamburger icon <img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/hamburger-icon.jpg\" alt=\"Hamburger Icon\" width=\"23\" height=\"26\" \/>\u00a0o<span style=\"font-size: 1rem;\">r press, on your keyboard:<\/span><\/p><ul><li><strong>CMD<\/strong>\u00a0+\u00a0<strong>E<\/strong> (Mac)<\/li><li><strong>CTRL<\/strong>\u00a0+\u00a0<strong>E<\/strong> (Windows)<\/li><\/ul><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38334f0 elementor-widget elementor-widget-heading\" data-id=\"38334f0\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section05\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Navigator<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b11e25b elementor-widget elementor-widget-text-editor\" data-id=\"b11e25b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Navigator is a navigation tree panel providing easy access to every element on the editor with just one click.<\/p><p>Navigator is particularly useful for long pages or pages with complex multi-layered design, and for elements combining Z-Index, minus margin, position absolute, etc. It allows you to access element handles that may be positioned behind other elements.<\/p><p>You can access Navigator in one of 3 simple ways:<\/p><ol><li>Right-click any element and then click on Navigator. This will automatically redirect you to the specific element in the navigation tree.<\/li><li>Click on the elements button\u00a0 <img decoding=\"async\" class=\"\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/navigator-icon.png\" alt=\"Navigator Icon\" width=\"23\" height=\"23\" \/> in the panel&#8217;s footer.<\/li><li>Use the <strong>Cmd\/Ctrl <\/strong>+<strong> I<\/strong> keyboard shortcut.<\/li><\/ol><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b4c66 elementor-widget elementor-widget-heading\" data-id=\"e2b4c66\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section06\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">History, Actions and Revisions Tab<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7863e2d elementor-widget elementor-widget-text-editor\" data-id=\"7863e2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor includes a built-in Undo\u00a0and\u00a0Redo, as well as Revision History. With these features, you get a log for every action and save made on the editor.<\/p><p>To access the History panel, click the icon <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/revision-history-icon.jpg\" alt=\"History Icon\" width=\"23\" height=\"22\" \/> at the bottom of the Widget Panel.<\/p><p>This will open the History panel, that includes Actions and Revisions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a221097 elementor-widget elementor-widget-heading\" data-id=\"a221097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">The Actions Tab<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13084f4 elementor-widget elementor-widget-text-editor\" data-id=\"13084f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The Actions Tab logs every &#8216;action&#8217; you make in Elementor.<\/p>\n<p>Browsing and clicking on the Actions list will let you trace back your steps. You can move back and forth between actions.<\/p>\n<p>Each item on the Actions list includes the name of the element and the type of change, whether it is an addition or an edit.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c80a20 elementor-widget elementor-widget-text-editor\" data-id=\"8c80a20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>! Note<\/b>: Actions are available from the moment you navigate to a page and start making change on that current page. If you navigate to a different page, the actions will be reset and start again when you start making changes on the current page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3b5d90 elementor-widget elementor-widget-heading\" data-id=\"f3b5d90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">The Revisions Tab<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-339e847 elementor-widget elementor-widget-text-editor\" data-id=\"339e847\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Every time a page updates, a new revision is created.<\/p><p>You can switch between revisions and revert back to any previous one saved.<\/p><p>Each revision item lists the date, time and creator of the revision. Click on Apply to apply the revision on the current page. Click on Discard to return to the current version of the page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24708b9 elementor-widget elementor-widget-text-editor\" data-id=\"24708b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Important!<\/b> This feature is available ONLY for IOL WordPress environments. Unfortunately, it is not available for the demo websites.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-905ae7c elementor-widget elementor-widget-heading\" data-id=\"905ae7c\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section07\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Keyboard Shortcuts\u200b<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65cc15e elementor-widget elementor-widget-heading\" data-id=\"65cc15e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Useful hotkeys<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2b4ee4 elementor-widget elementor-widget-text-editor\" data-id=\"a2b4ee4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor Hotkeys are keyboard shortcuts that let you make quick actions on the Elementor editor.<\/p><ul><li><strong>CTRL<\/strong> + <b>S<\/b>\u00a0(Windows) or <strong>CMD<\/strong> + <strong>S<\/strong> (Mac) to save your work<\/li><li><strong>CTRL<\/strong> + <b>P<\/b>\u00a0or <strong>CMD<\/strong> + <b>P<\/b>\u00a0to switch between the panel and preview view<\/li><li><span style=\"font-weight: bolder;\">CTRL<\/span>\u00a0+\u00a0<span style=\"font-weight: bolder;\">SHIFT<\/span>\u00a0+\u00a0<b>M<\/b>\u00a0or\u00a0<span style=\"font-weight: bolder;\">CMD<\/span>\u00a0+\u00a0<span style=\"font-weight: bolder;\">SHIFT<\/span>\u00a0+\u00a0<b>M<\/b>\u00a0to switch between desktop, tablet and mobile views<\/li><li><span style=\"font-weight: bolder;\">CTRL<\/span>\u00a0+\u00a0<span style=\"font-weight: bolder;\">SHIFT<\/span>\u00a0+ <b>H<\/b>\u00a0or\u00a0<span style=\"font-weight: bolder;\">CMD<\/span>\u00a0+\u00a0<span style=\"font-weight: bolder;\">SHIFT<\/span>\u00a0+ <b>H<\/b>\u00a0to go to the Revision History panel<\/li><li><span style=\"font-weight: bolder;\">CTRL<\/span>\u00a0+\u00a0<span style=\"font-weight: bolder;\">SHIFT<\/span>\u00a0+\u00a0<b>L<\/b>\u00a0or\u00a0<span style=\"font-weight: bolder;\">CMD<\/span>\u00a0+\u00a0<span style=\"font-weight: bolder;\">SHIFT<\/span>\u00a0+\u00a0<b>L<\/b>\u00a0to open the Template Library<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bd796b elementor-widget elementor-widget-heading\" data-id=\"6bd796b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Undo \/ Redo Keyboard Shortcuts<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-687f430 elementor-widget elementor-widget-text-editor\" data-id=\"687f430\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can also use:<\/p><ul><li><strong>CTRL<\/strong> + <strong>Z<\/strong> (Windows) or <strong>CMD<\/strong> + <strong>Z<\/strong> (Mac) to undo your last action<\/li><li><strong>CTRL<\/strong> + <strong>SHIFT<\/strong> + <strong>Z<\/strong> or <strong>CMD<\/strong> + <strong>SHIFT<\/strong> + <strong>Z<\/strong> to redo your last action.<\/li><\/ul><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a58f938 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a58f938\" data-element_type=\"section\" data-e-type=\"section\" id=\"section08\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-61a773e\" data-id=\"61a773e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eb07009 elementor-widget elementor-widget-heading\" data-id=\"eb07009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build your page<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc0d3a8 elementor-widget elementor-widget-text-editor\" data-id=\"cc0d3a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Elementor uses three main building blocks: <b>Sections<\/b>, <b>Columns<\/b>, and <b>Widgets<\/b>.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9e8e3f7 elementor-widget elementor-widget-heading\" data-id=\"9e8e3f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Sections<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c565d72 elementor-widget elementor-widget-text-editor\" data-id=\"c565d72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Sections are the largest building blocks, they are the equivalent of a row for web design. I<span style=\"font-size: 1rem;\">nside them are groups of Columns. Columns sit inside of Sections and are used to house the Widgets. Widgets are placed inside of Columns.<\/span><\/p><p>You control the Section, Column, and Widgets with their handle.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26af457 elementor-widget elementor-widget-image\" data-id=\"26af457\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"259\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/handles.jpg\" class=\"attachment-large size-large wp-image-1126\" alt=\"\" srcset=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/handles.jpg 990w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/handles-640x208.jpg 640w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/handles-300x97.jpg 300w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/09\/handles-768x249.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aab5c1a elementor-widget elementor-widget-text-editor\" data-id=\"aab5c1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To create from scratch a section click <img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/add-section-icon.png\" alt=\"Create simple section\" width=\"23\" height=\"23\"> icon and select your column structure.<\/p>\n<p>To use the Spotzer Sections Library, click the <img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/add-template-icon.png\" alt=\"Add template\" width=\"23\" height=\"25\"> icon. You can chose from a wide variety of design elements, like USP&#8217;s, POD&#8217;s and many more.&nbsp;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b313de elementor-widget elementor-widget-heading\" data-id=\"0b313de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Columns<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-935b6e4 elementor-widget elementor-widget-text-editor\" data-id=\"935b6e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Columns can be manipulated and styled either via the options in the Elementor Panel on the left or by right-clicking the Column handle and choosing from the context menu that pops up. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1269\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/12\/column-handle.jpg\" alt=\"\" width=\"26\" height=\"23\" \/><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6f2b28 elementor-widget elementor-widget-heading\" data-id=\"f6f2b28\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section07\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Right-Click Options<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cd8bf1 elementor-widget elementor-widget-text-editor\" data-id=\"2cd8bf1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you wish to add a new column\/section\/widget or duplicate a column<span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">\/section\/widget<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">, right-click a column handle and choose either Add New Column or Duplicate from the context menu.<\/span><\/p><p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">You can also copy and paste a column<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">\/section\/widget<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">\u00a0into another section using Copy and Paste options here.<\/span><\/p><p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">Or you can copy and paste <\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem;\"><b>only the style<\/b><\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\"> (without the content) from one column<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">\/section\/widget<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">\u00a0to another.<\/span><\/p><p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">Clicking Navigator here will open the Navigator already set to that particular column. And of course, clicking Delete here will delete the column.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-38971a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38971a1\" data-element_type=\"section\" data-e-type=\"section\" id=\"section12\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-52b9bef\" data-id=\"52b9bef\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d693137 elementor-widget elementor-widget-heading\" data-id=\"d693137\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Step 1: Setting Up Colors, Fonts and Color Picker<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-780473f elementor-widget elementor-widget-text-editor\" data-id=\"780473f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Create your own design system with global colors and text styles that can easily be assigned to elements across your site.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dc6524 elementor-widget elementor-widget-heading\" data-id=\"8dc6524\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section13\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Global Colors<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18d7b7d elementor-widget elementor-widget-text-editor\" data-id=\"18d7b7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Set predefined global colors. By default, the predefined colors:<\/p><ul><li>Primary<\/li><li>Secondary<\/li><li><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Text<\/span><\/li><li><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Accent<\/span><\/li><\/ul><p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">\u00a0<\/span><\/p><p>are pre-populated from your theme\u2019s CSS.\u00a0 Change them here to override your theme\u2019s settings.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01082b5 elementor-widget elementor-widget-text-editor\" data-id=\"01082b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In addition to the 4 predefined global colors (Primary, Secondary, Text, and Accent), you can add any colors you choose to the global palette, for use in any Elementor color options and also named them.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2391186 elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"2391186\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/12\/add-global-color-panel.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI3MiwidXJsIjoiaHR0cHM6XC9cL21lZGlhbWFnYXppbmVzLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIwXC8xMlwvYWRkLWdsb2JhbC1jb2xvci1wYW5lbC5qcGcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"1129\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel.jpg\" class=\"attachment-full size-full wp-image-1272\" alt=\"\" srcset=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel.jpg 640w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel-170x300.jpg 170w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel-580x1024.jpg 580w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dd54f41 elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"dd54f41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/12\/add-global-color-panel01.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI3MywidXJsIjoiaHR0cHM6XC9cL21lZGlhbWFnYXppbmVzLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIwXC8xMlwvYWRkLWdsb2JhbC1jb2xvci1wYW5lbDAxLmpwZyJ9\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"1154\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel01.jpg\" class=\"attachment-full size-full wp-image-1273\" alt=\"\" srcset=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel01.jpg 640w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel01-166x300.jpg 166w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-global-color-panel01-568x1024.jpg 568w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a1869d3 elementor-widget elementor-widget-text-editor\" data-id=\"a1869d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>! Note:<\/b> By deleting a global color, all of its instances will inherit their values from an unknown source, possibly your theme, or your browser, etc.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8c8c126 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c8c126\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-95334ea\" data-id=\"95334ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14cee3f elementor-widget elementor-widget-heading\" data-id=\"14cee3f\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section12\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Theme Style \u2013 Global Settings<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f5799d1 elementor-widget elementor-widget-text-editor\" data-id=\"f5799d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Theme Style settings are global settings that allow you to set default styling options for various elements, such as Backgrounds, Headings, Buttons, Images, and Form Fields.\u00a0 These settings override the theme styling settings and takes its place, allowing you to use Elementor to set styles for elements not built by Elementor.<\/p><p>By default, this will apply styles only to non-Elementor elements, for example, WooCommerce checkout fields, Contact Form 7 labels, 3rd-party headings and much more. If you prefer, you can force these Theme Style settings to also apply to Elementor-built elements as well.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b646d5 elementor-widget elementor-widget-heading\" data-id=\"8b646d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">1. How To Set Theme Styles<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36df24b elementor-widget elementor-widget-text-editor\" data-id=\"36df24b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Click the Hamburger menu <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1122\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/hamburger-icon.jpg\" alt=\"\" width=\"25\" height=\"29\" \/> in the upper left corner of any page or post\u2019s widget panel to access the <i>Site Settings<\/i> &gt;<i> Theme Style<\/i> settings.\u00a0<\/p><p>Theme Style consists of four tabs: <b>Typography<\/b>, <b>Buttons<\/b>, <b>Images<\/b>, and <b>Form Fields<\/b>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c3b0654 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"c3b0654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/12\/add-theme-global-settings01.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI3NywidXJsIjoiaHR0cHM6XC9cL21lZGlhbWFnYXppbmVzLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIwXC8xMlwvYWRkLXRoZW1lLWdsb2JhbC1zZXR0aW5nczAxLmpwZyJ9\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"696\" height=\"1526\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-theme-global-settings01.jpg\" class=\"attachment-full size-full wp-image-1277\" alt=\"\" srcset=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-theme-global-settings01.jpg 696w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-theme-global-settings01-137x300.jpg 137w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-theme-global-settings01-467x1024.jpg 467w, https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-theme-global-settings01-640x1403.jpg 640w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85fa254 elementor-widget elementor-widget-text-editor\" data-id=\"85fa254\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Typography:\u00a0<\/b><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Text Color,\u00a0<\/span>Typography, Paragraph Spacing<\/p><p><b>Link (Normal | Hover):<\/b> Color, Typography<\/p><p><b>Headers H1-H6:\u00a0\u00a0<\/b>Color, Typography<\/p><p><b>Buttons:\u00a0<\/b><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Typography,\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Text Shadow,\u00a0<\/span>Normal | Hover, Border, Padding<\/p><p><b>Form Fields:\u00a0<\/b>Label,\u00a0<span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">Field,\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">Normal | Focus, Border, Box-shadow, Padding<\/span><\/p><p><b>Images:\u00a0<\/b>Normal | Hover, Border, Box-shadow, Opacity, Animations<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ab9c6e elementor-widget elementor-widget-heading\" data-id=\"8ab9c6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">2. To Apply Theme Styles To Elementor Elements:<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8629aad elementor-widget elementor-widget-text-editor\" data-id=\"8629aad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>In order for Theme Style settings to apply to most of Elementor\u2019s elements and widgets as well, you will need to disable Elementor\u2019s default colors and fonts.<\/p><ol><li>Disable default colors and default fonts by going to\u00a0<em>Elementor &gt; Settings<\/em>\u00a0and placing a check in the boxes next to\u00a0<strong>Disable Default Colors<\/strong>\u00a0and\u00a0<strong>Disable Default Fonts<\/strong>.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51cd777 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"51cd777\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/12\/add-theme-global-settings.gif\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MTI3NSwidXJsIjoiaHR0cHM6XC9cL21lZGlhbWFnYXppbmVzLmVzXC93cC1jb250ZW50XC91cGxvYWRzXC8yMDIwXC8xMlwvYWRkLXRoZW1lLWdsb2JhbC1zZXR0aW5ncy5naWYifQ%3D%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2020\/12\/add-theme-global-settings.gif\" class=\"attachment-large size-large wp-image-1275\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-309feaa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"309feaa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e4ad231\" data-id=\"e4ad231\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c7ed2f8 elementor-widget elementor-widget-heading\" data-id=\"c7ed2f8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section13\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Step 2: How to add sections<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b001f41 elementor-widget elementor-widget-text-editor\" data-id=\"b001f41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Templates are pre-designed Pages &amp; Blocks (POD&#8217;S, USP&#8217;S, CTA&#8217;S&#8230;) that can be inserted into any page with just one click.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1dd40b elementor-widget elementor-widget-text-editor\" data-id=\"e1dd40b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li>From the editing screen, Click the\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1139\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/add-template-icon.png\" alt=\"\" width=\"22\" height=\"24\" data-wp-editing=\"1\" \/>\u00a0icon.<\/li><li>Click the magnifying glass icon magnifier icon to preview a template.<\/li><li>Click INSERT to select the required template.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8133209 elementor-widget elementor-widget-heading\" data-id=\"8133209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">There are two ways of inserting the templates:<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f4f2da elementor-widget elementor-widget-text-editor\" data-id=\"8f4f2da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">1.\u00a0You can import it with the document settings of the template, which will overwrite all the global styles and<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\"> the template will be imported with the original styling and customization.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-01cc0cf elementor-widget elementor-widget-text-editor\" data-id=\"01cc0cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">2.\u00a0You can import it without the document settings of the template, which will automatically update the template to the\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">global styles preset in advance.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a02537 elementor-widget elementor-widget-video\" data-id=\"9a02537\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2021\/01\/Elementor_sections.mp4\" controls=\"\" preload=\"metadata\" muted=\"muted\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9f88bc3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9f88bc3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-89fe4e6\" data-id=\"89fe4e6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c2f22b8 elementor-widget elementor-widget-heading\" data-id=\"c2f22b8\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section13\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Step 3: How to save other sections for further use<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3773499 elementor-widget elementor-widget-text-editor\" data-id=\"3773499\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can save any section or even a full page as a template, which later can be imported and used on other pages, depending on the request. To do that:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4323680 elementor-widget elementor-widget-text-editor\" data-id=\"4323680\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li>Right-click on <img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1296\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2021\/01\/options.jpg\" alt=\"\" width=\"27\" height=\"27\" \/>, on\u00a0the section you want to save\u00a0<\/li><li>From the dropdown list choose \u00abSave as Template\u00bb<\/li><li>Enter the new section name and click \u00abSave\u00bb<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-e7a4502 elementor-widget elementor-widget-video\" data-id=\"e7a4502\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2021\/01\/Elementor_sections_save.mp4\" controls=\"\" preload=\"metadata\" muted=\"muted\" controlslist=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-38e95d2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38e95d2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e12458f\" data-id=\"e12458f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72bda15 elementor-widget elementor-widget-heading\" data-id=\"72bda15\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section14\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Step 4: How to use global widgets<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16d07f0 elementor-widget elementor-widget-text-editor\" data-id=\"16d07f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A\u00a0 Global Widget gives you full control over a specific widget that is displayed in multiple places on your site. Editing it in one place will instantly update the rest.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4869e6b elementor-widget elementor-widget-heading\" data-id=\"4869e6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Create a Global Widget<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84e3b4f elementor-widget elementor-widget-text-editor\" data-id=\"84e3b4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li>Right Click the widget\u2019s handle pencil icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1293\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2021\/01\/pencil.jpg\" alt=\"\" width=\"26\" height=\"27\" \/>\u00a0and click on Save as a Global<\/li><li>Name your new global template and click the Save button<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-272879e elementor-widget elementor-widget-text-editor\" data-id=\"272879e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Once the widget is saved as a global widget it is instantly surrounded by a yellow border instead of the standard blue border.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2941b3d elementor-widget elementor-widget-heading\" data-id=\"2941b3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Edit a Global Widget<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d457bf6 elementor-widget elementor-widget-text-editor\" data-id=\"d457bf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When trying to edit a global widget you will see the message \u201c This is a global widget and is now locked\u201d<\/p><ol><li>Clicking\u00a0<strong>Edit global widget<\/strong>\u00a0allows editing the global widget. Any changes made here will instantly update all the places in which the global widget is placed on the site<\/li><li>Clicking\u00a0<strong>Unlink from global<\/strong>\u00a0will unlink the widget from the rest of the global widgets, and let you edit only the specific widget, without affecting all other global widgets.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ec00c0 elementor-widget elementor-widget-text-editor\" data-id=\"6ec00c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>! Note:<\/b> Remember to unlink all global widget before copy is being added to the website.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1dcac7 elementor-widget elementor-widget-heading\" data-id=\"d1dcac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Insert a Global Widget<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-92d385f elementor-widget elementor-widget-text-editor\" data-id=\"92d385f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>On the new page click Global, and drag a global widget to your page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8f769e elementor-widget elementor-widget-image\" data-id=\"b8f769e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2021\/01\/Elementor_global_widgets.gif\" class=\"attachment-large size-large wp-image-1294\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2fdf26 elementor-widget elementor-widget-heading\" data-id=\"d2fdf26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Delete a Global Widget<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c93924 elementor-widget elementor-widget-text-editor\" data-id=\"9c93924\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To delete a global widget, go to\u00a0<span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">Templates &gt; Saved Templates,\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">and delete the widget.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-17822c2 elementor-widget elementor-widget-text-editor\" data-id=\"17822c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Important!<\/b> If you delete a Global Widget, you delete it from everywhere.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-012c31c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"012c31c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-433614e\" data-id=\"433614e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e790ab elementor-widget elementor-widget-heading\" data-id=\"1e790ab\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section15\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Step 5: Importing and exporting templates<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e62b31b elementor-widget elementor-widget-heading\" data-id=\"e62b31b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Export templates<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2d4fc7 elementor-widget elementor-widget-text-editor\" data-id=\"e2d4fc7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To export a template, go to\u00a0<span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">Templates &gt; Saved Templates,\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">and select one or multiple templates and choose export. They will be exported as .json files which can later be imported for further use.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7499125 elementor-widget elementor-widget-heading\" data-id=\"7499125\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Import templates<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4e2a23 elementor-widget elementor-widget-text-editor\" data-id=\"d4e2a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>You can import templates in two ways:\u00a0<span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">via the Elementor Dashboard or\u00a0<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-size: 1rem; font-weight: var( --e-global-typography-text-font-weight );\">in Saved Templates.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66feb2f elementor-widget elementor-widget-text-editor\" data-id=\"66feb2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To import from the Elementor Dashboard,\u00a0<span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">click the hamburger icon<\/span><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">\u00a0<\/span><img loading=\"lazy\" decoding=\"async\" style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/hamburger-icon.jpg\" alt=\"Hamburger Icon\" width=\"23\" height=\"26\" \/><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">\u00a0<\/span><\/p><p><span style=\"color: var( --e-global-color-text ); font-family: var( --e-global-typography-text-font-family ); font-weight: var( --e-global-typography-text-font-weight ); font-size: 1rem;\">and go to Theme Builder, Add new.<\/span><\/p><p>Or, go to Templates &gt; Saved Templates, and choose Import Templates.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab52f87 elementor-widget elementor-widget-text-editor\" data-id=\"ab52f87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>!Note:\u00a0<\/b> You can import multiple templates (.json files) if they are all in a .zip file.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-2b9149f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2b9149f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ea8062e\" data-id=\"ea8062e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2348dbc elementor-widget elementor-widget-heading\" data-id=\"2348dbc\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section16\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Working with more specific templates<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ffe73c5 elementor-widget elementor-widget-heading\" data-id=\"ffe73c5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section17\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. Conditions<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c0b5c0 elementor-widget elementor-widget-text-editor\" data-id=\"7c0b5c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Global templates like the Header and Footer, are implemented across your entire site, or on any combination of pages of your choice.<\/p><p>With Conditions, you can set exactly where each template is implemented, whether it\u2019s Entire Site, in a certain Category, or on a Specific Page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5815012 elementor-widget elementor-widget-heading\" data-id=\"5815012\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">How are Conditions Displayed?<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efed45a elementor-widget elementor-widget-text-editor\" data-id=\"efed45a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Each Condition setting lets you <b>Include<\/b> or <b>Exclude<\/b> a condition.<\/p><p>For example, we have a Header template with the Include condition Entire site. We can add a second condition of Exclude for a specific page \u2013 let\u2019s use Front page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-158aa7e elementor-widget elementor-widget-image\" data-id=\"158aa7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"403\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2021\/01\/conditions.gif\" class=\"attachment-full size-full wp-image-1300\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3507530 elementor-widget elementor-widget-heading\" data-id=\"3507530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">How are Conditions Displayed?<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bbbec1 elementor-widget elementor-widget-text-editor\" data-id=\"1bbbec1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>To add, change or remove conditions click on Display conditions.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfafa56 elementor-widget elementor-widget-image\" data-id=\"bfafa56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/elementor\/thumbs\/display-conditions-q8ks2qfaz6xcit0rfdelmhv1miy69by1n4exwvmyfi.gif\" title=\"display-conditions\" alt=\"display-conditions\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee295af elementor-widget elementor-widget-text-editor\" data-id=\"ee295af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>!Note:\u00a0<\/b>Display Conditions are only an option within Theme Builder Templates. These are not an option within regular pages.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93b97be elementor-widget elementor-widget-heading\" data-id=\"93b97be\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section18\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. How to add a header and footer<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a7b0db8 elementor-widget elementor-widget-heading\" data-id=\"a7b0db8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Headers and Footers<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59e9aca elementor-widget elementor-widget-text-editor\" data-id=\"59e9aca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Some templates require the help of <b>Conditions<\/b> for them to work. These are Theme Builder Templates, like the Header and the Footer.<\/p><ol><li>Under Templates &gt; Theme Builder &gt; Header\/Footer &gt; Add New, select Header\/Footer from the dropdown and click Create Template.<\/li><li>Choose a Header\/Footer Template from the existing sections or design your own.<\/li><li>After you\u2019ve finished designing, click Publish.<\/li><li>Choose a Condition, usually Include &gt; Entire Site.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d34ac2c elementor-widget elementor-widget-text-editor\" data-id=\"d34ac2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>!Note:\u00a0<\/b> To create a sticky header you need to use CSS and animations. The Header Sections Created already have this implemented. To make changes to these CSS settings, open the specific header with Elementor, select the section container and navigate to Advanced &gt; Custom CSS.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35c6f21 elementor-widget elementor-widget-heading\" data-id=\"35c6f21\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section19\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. How to setup and use a popup<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6547dd8 elementor-widget elementor-widget-text-editor\" data-id=\"6547dd8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Popups are call to action modal windows that popup and overlay the page at a specified moment or under specific triggers and conditions.<\/p><p>To begin, go to Templates &gt; Popups. Control the layout, conditions, rules and styles of the popup, and then design the popup content.<\/p><p>More on popups can be found <a href=\"https:\/\/elementor.com\/help\/popups\/\">here<\/a>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38a88a5 elementor-widget elementor-widget-heading\" data-id=\"38a88a5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section20\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">4. How to setup the blog<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02c2d3f elementor-widget elementor-widget-text-editor\" data-id=\"02c2d3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ol><li>Under Templates &gt; Theme Builder &gt; Archive &gt; Add New, select Archive from the dropdown and click Create Template.<\/li><li>Choose an Archive Block from the already built existing sections or design your own.<\/li><li>Click the gear icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-1303\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2021\/01\/gear_icon.jpg\" alt=\"\" width=\"28\" height=\"28\" \/>\u00a0in the lower left corner of the widget panel to select a specific archive as the preview example while editing.<\/li><li>Edit any elements as you\u2019d like. After you\u2019ve finished designing, click Publish.<\/li><li>Choose a Condition.<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-680c488 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"680c488\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6766308\" data-id=\"6766308\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e61bc5d elementor-widget elementor-widget-heading\" data-id=\"e61bc5d\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section21\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Custom code <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c473fcc elementor-widget elementor-widget-text-editor\" data-id=\"c473fcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>With Elementor Pro, you can set custom CSS globally. This allows you to add custom CSS rules which will apply to your entire site.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-200d52a elementor-widget elementor-widget-text-editor\" data-id=\"200d52a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Important! <\/b>Additional CSS needs to be saved in the Site Settings &gt; Custom CSS.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf8f4e7 elementor-widget elementor-widget-text-editor\" data-id=\"bf8f4e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><b>Important! <\/b>All WooCommerce pages except for the Shop and the Single Product Page cannot be customed via Elementor. Please use the CSS already preset and add your own in Site Settings &gt; Custom CSS.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-21842d8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"21842d8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-42eea5e\" data-id=\"42eea5e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7af6f1e elementor-widget elementor-widget-heading\" data-id=\"7af6f1e\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section22\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">How to use preview settings<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-050f1e7 elementor-widget elementor-widget-text-editor\" data-id=\"050f1e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For Theme Builder Templates you have the option to preview a specific product or archive. For example, to design a Blog or Shop, and to be able to see the content while designing, you can preview a product or an archive, from the Preview Settings.<\/p><ol><li>Click the gear icon <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-1303\" src=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2021\/01\/gear_icon.jpg\" alt=\"\" width=\"30\" height=\"30\" \/> in the lower left corner of the widget panel<\/li><li>Go to Preview Settings and select what Dynamic Content you wish to preview<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-0727c39 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0727c39\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-a51e184\" data-id=\"a51e184\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dfc4e0f elementor-widget elementor-widget-heading\" data-id=\"dfc4e0f\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"section23\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">More information<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54ac6aa elementor-widget elementor-widget-text-editor\" data-id=\"54ac6aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>For more information you can always press the <strong>Need Help<\/strong> button which is available on each widget.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-257d8d1 elementor-widget elementor-widget-image\" data-id=\"257d8d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/mediamagazines.es\/wp-content\/uploads\/2021\/01\/help_center.gif\" class=\"attachment-large size-large wp-image-1307\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abd9eda elementor-widget elementor-widget-text-editor\" data-id=\"abd9eda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Or you can always use the <a href=\"https:\/\/elementor.com\/help\/\">Help Center<\/a> from Elementor.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contents Welcome to Elementor Elementor is a visual website builder plugin for WordPress enabling the creation of web pages in a live, visual way.\u00a0 When building websites with Elementor you should always keep in mind that this builder is both responsive and adaptive. That means, always start building from desktop first. \u00a0 How to use [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-984","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - tutorial elementor - Media Magazines<\/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:\/\/mediamagazines.es\/en\/home-tutorial-elementor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - tutorial elementor - Media Magazines\" \/>\n<meta property=\"og:description\" content=\"Contents Welcome to Elementor Elementor is a visual website builder plugin for WordPress enabling the creation of web pages in a live, visual way.\u00a0 When building websites with Elementor you should always keep in mind that this builder is both responsive and adaptive. That means, always start building from desktop first. \u00a0 How to use [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mediamagazines.es\/en\/home-tutorial-elementor\/\" \/>\n<meta property=\"og:site_name\" content=\"Media Magazines\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-24T05:58:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/panels-area-1024x711.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"15 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/\",\"url\":\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/\",\"name\":\"Home - tutorial elementor - Media Magazines\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sp2207913.wpengine.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/panels-area-1024x711.jpg\",\"datePublished\":\"2020-07-31T13:14:29+00:00\",\"dateModified\":\"2023-04-24T05:58:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sp2207913.wpengine.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/panels-area-1024x711.jpg\",\"contentUrl\":\"https:\\\/\\\/sp2207913.wpengine.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/panels-area-1024x711.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/home-tutorial-elementor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mediamagazines.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home &#8211; tutorial elementor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/#website\",\"url\":\"https:\\\/\\\/mediamagazines.es\\\/\",\"name\":\"Media Magazines\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mediamagazines.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/#organization\",\"name\":\"Media Magazines\",\"url\":\"https:\\\/\\\/mediamagazines.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mediamagazines.es\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/LOGOMEDIAMAGAZINES.png\",\"contentUrl\":\"https:\\\/\\\/mediamagazines.es\\\/wp-content\\\/uploads\\\/2023\\\/04\\\/LOGOMEDIAMAGAZINES.png\",\"width\":1013,\"height\":438,\"caption\":\"Media Magazines\"},\"image\":{\"@id\":\"https:\\\/\\\/mediamagazines.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - tutorial elementor - Media Magazines","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:\/\/mediamagazines.es\/en\/home-tutorial-elementor\/","og_locale":"en_US","og_type":"article","og_title":"Home - tutorial elementor - Media Magazines","og_description":"Contents Welcome to Elementor Elementor is a visual website builder plugin for WordPress enabling the creation of web pages in a live, visual way.\u00a0 When building websites with Elementor you should always keep in mind that this builder is both responsive and adaptive. That means, always start building from desktop first. \u00a0 How to use [&hellip;]","og_url":"https:\/\/mediamagazines.es\/en\/home-tutorial-elementor\/","og_site_name":"Media Magazines","article_modified_time":"2023-04-24T05:58:31+00:00","og_image":[{"url":"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/panels-area-1024x711.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mediamagazines.es\/home-tutorial-elementor\/","url":"https:\/\/mediamagazines.es\/home-tutorial-elementor\/","name":"Home - tutorial elementor - Media Magazines","isPartOf":{"@id":"https:\/\/mediamagazines.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mediamagazines.es\/home-tutorial-elementor\/#primaryimage"},"image":{"@id":"https:\/\/mediamagazines.es\/home-tutorial-elementor\/#primaryimage"},"thumbnailUrl":"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/panels-area-1024x711.jpg","datePublished":"2020-07-31T13:14:29+00:00","dateModified":"2023-04-24T05:58:31+00:00","breadcrumb":{"@id":"https:\/\/mediamagazines.es\/home-tutorial-elementor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mediamagazines.es\/home-tutorial-elementor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mediamagazines.es\/home-tutorial-elementor\/#primaryimage","url":"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/panels-area-1024x711.jpg","contentUrl":"https:\/\/sp2207913.wpengine.com\/wp-content\/uploads\/2020\/09\/panels-area-1024x711.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/mediamagazines.es\/home-tutorial-elementor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mediamagazines.es\/"},{"@type":"ListItem","position":2,"name":"Home &#8211; tutorial elementor"}]},{"@type":"WebSite","@id":"https:\/\/mediamagazines.es\/#website","url":"https:\/\/mediamagazines.es\/","name":"Media Magazines","description":"","publisher":{"@id":"https:\/\/mediamagazines.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mediamagazines.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mediamagazines.es\/#organization","name":"Media Magazines","url":"https:\/\/mediamagazines.es\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mediamagazines.es\/#\/schema\/logo\/image\/","url":"https:\/\/mediamagazines.es\/wp-content\/uploads\/2023\/04\/LOGOMEDIAMAGAZINES.png","contentUrl":"https:\/\/mediamagazines.es\/wp-content\/uploads\/2023\/04\/LOGOMEDIAMAGAZINES.png","width":1013,"height":438,"caption":"Media Magazines"},"image":{"@id":"https:\/\/mediamagazines.es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/mediamagazines.es\/en\/wp-json\/wp\/v2\/pages\/984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mediamagazines.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mediamagazines.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mediamagazines.es\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mediamagazines.es\/en\/wp-json\/wp\/v2\/comments?post=984"}],"version-history":[{"count":0,"href":"https:\/\/mediamagazines.es\/en\/wp-json\/wp\/v2\/pages\/984\/revisions"}],"wp:attachment":[{"href":"https:\/\/mediamagazines.es\/en\/wp-json\/wp\/v2\/media?parent=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}