{"id":10978,"date":"2024-04-26T08:59:00","date_gmt":"2024-04-26T06:59:00","guid":{"rendered":"https:\/\/ferdy.com\/?post_type=youtube-tutorials&#038;p=10978"},"modified":"2025-01-23T15:22:18","modified_gmt":"2025-01-23T14:22:18","slug":"elementor-pro-tutorial","status":"publish","type":"youtube-tutorials","link":"https:\/\/ferdy.com\/youtube-tutorials\/elementor-pro-tutorial\/","title":{"rendered":"Elementor Pro Tutorial"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Create a webshop using Elementor Pro<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Create an eCommerce Website Using Elementor Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ndPY7y2pdkA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create Custom Post Types<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Elementor Pro And Advanced Custom Fields Tutorial 2024\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/hrqlFLOl7YY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Forms Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Complete Elementor Pro Form Tutorial\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/wYv0tMFDFG0?start=51&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Header Tutorial<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How To Make A Custom Header Using Elementor Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/YtIgNAro4lk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create A Popup Header In Elementor Pro<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Create A Popup Header Using Elementor Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/PA_hYLtIK-g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create A Footer In Elementor Pro<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Create A Custom Footer Using Elementor Pro\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/1ld4g8uy7EE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Create A Mega Menu In Elementor Pro<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Elementor Pro Mega Menu Tutorial | How To Create A Mega Menu Using Elementor\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/GnihDL4iRQQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:0\">Important links<\/h2>\n\n\n\n<h4 class=\"wp-block-heading\" style=\"padding-top:var(--wp--preset--spacing--50)\">Sticky Header Background and Link Colors<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">\/*Sticky Header background*\/  \nselector.elementor-sticky--effects{\nbackground: #FFF;\n}\n\/*Sticky Header Links and Icons*\/\nselector.elementor-sticky--effects a,\nselector.elementor-sticky--effects i{\ncolor: #000!important;   \n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Different Logo For The Sticky Header<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">\/* Sticky Logo Invisible *\/\n.sticky-logo {\n display: none;\n}\n\/* Change Logos When Scrolling *\/\n.elementor-sticky--effects .sticky-logo{\n display: inline-block;\n}\n.elementor-sticky--effects .static-logo{\n display: none;\n}<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Change Complete Header On Scroll<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">.sticky-header {\n   top: -70px !important;\n   z-index: -1;\n   transition: top 1s ease !important;\n}\n.sticky-header.elementor-sticky--effects {\n    top: 0 !important;\n}\n<\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Menu Separator<\/h4>\n\n\n\n<pre class=\"wp-block-preformatted\">.menu-item:not(:last-child) a {\nborder-right: 1px solid #B3B3B3;\npadding:15px 3px 15px 3px;\n}\n.menu-item:last-child a {\npadding:15px 3px 15px 3px;\n}\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to create a webshop using Elementor Pro.<\/p>\n","protected":false},"featured_media":11228,"parent":0,"comment_status":"open","ping_status":"closed","template":"","yt_v_categories":[70,128,127,114,116],"class_list":["post-10978","youtube-tutorials","type-youtube-tutorials","status-publish","has-post-thumbnail","hentry","yt_v_categories-elementor","yt_v_categories-follow-up-tutorials","yt_v_categories-website-tutorials","yt_v_categories-wordpress","yt_v_categories-wordpress-plugins"],"uagb_featured_image_src":{"full":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial.jpg",1920,1080,false],"thumbnail":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-150x150.jpg",150,150,true],"medium":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-300x169.jpg",300,169,true],"medium_large":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-768x432.jpg",768,432,true],"large":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-1536x864.jpg",1536,864,true],"2048x2048":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial.jpg",1920,1080,false],"bricks_large_16x9":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-1200x675.jpg",1200,675,true],"bricks_large":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-1200x675.jpg",1200,675,true],"bricks_large_square":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-1200x1080.jpg",1200,1080,true],"bricks_medium":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-600x338.jpg",600,338,true],"bricks_medium_square":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial-600x600.jpg",600,600,true],"gform-image-choice-sm":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial.jpg",300,169,false],"gform-image-choice-md":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial.jpg",400,225,false],"gform-image-choice-lg":["https:\/\/ferdy.com\/wp-content\/uploads\/Elementor-Pro-Tutorial.jpg",600,338,false]},"uagb_author_info":{"display_name":"Ferdy","author_link":"https:\/\/ferdy.com\/author\/"},"uagb_comment_info":52,"uagb_excerpt":"Learn how to create a webshop using Elementor Pro.","_links":{"self":[{"href":"https:\/\/ferdy.com\/wp-json\/wp\/v2\/youtube-tutorials\/10978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ferdy.com\/wp-json\/wp\/v2\/youtube-tutorials"}],"about":[{"href":"https:\/\/ferdy.com\/wp-json\/wp\/v2\/types\/youtube-tutorials"}],"replies":[{"embeddable":true,"href":"https:\/\/ferdy.com\/wp-json\/wp\/v2\/comments?post=10978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ferdy.com\/wp-json\/wp\/v2\/media\/11228"}],"wp:attachment":[{"href":"https:\/\/ferdy.com\/wp-json\/wp\/v2\/media?parent=10978"}],"wp:term":[{"taxonomy":"yt_v_categories","embeddable":true,"href":"https:\/\/ferdy.com\/wp-json\/wp\/v2\/yt_v_categories?post=10978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}