{"id":2822,"date":"2021-06-22T11:27:53","date_gmt":"2021-06-22T11:27:53","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2822"},"modified":"2023-02-21T11:03:03","modified_gmt":"2023-02-21T11:03:03","slug":"halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/","title":{"rendered":"Halloween Special #2: How to Create a Halloween Landing Page on WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2822\" class=\"elementor elementor-2822\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a505b24 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a505b24\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-top-column elementor-element elementor-element-69dd4109\" data-id=\"69dd4109\" data-element_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-5966c0fc elementor-widget elementor-widget-video\" data-id=\"5966c0fc\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=IESKzCyHmuk&quot;,&quot;video_type&quot;:&quot;youtube&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=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\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-top-section elementor-element elementor-element-5d4c4e60 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d4c4e60\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-top-column elementor-element elementor-element-6c65b61\" data-id=\"6c65b61\" data-element_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-581c63dc elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"581c63dc\" data-element_type=\"widget\" data-widget_type=\"tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-tabs\">\n\t\t\t<div class=\"elementor-tabs-wrapper\" role=\"tablist\" >\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1471\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1471\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-1472\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1472\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"elementor-tabs-content-wrapper\" role=\"tablist\" aria-orientation=\"vertical\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-1471\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1471\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1471\" tabindex=\"0\" hidden=\"false\"><p>In this spooky tutorial, we explain how to create a Halloween landing page on WordPress using Elementor. This landing page has all the elements you need for a proper scare: an impactful hero section, ancient scroll contact form as well as some creepy content on the bottom.<\/p><\/div>\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-tab-title elementor-tab-mobile-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-1472\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-1472\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-1472\" tabindex=\"0\" hidden=\"hidden\"><div class=\"cue-group style-scope ytd-transcript-body-renderer active\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer active\" role=\"button\">hi and welcome to this Elementor<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">tutorial in which I will be showing you<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">how to create this cool-looking<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">Halloween festival invitation landing<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">page and as you can see it looks rather<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">scary so I&#8217;ll show you how to make this<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">step-by-step and without further ado<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">let&#8217;s begin so I&#8217;ll add a new page name<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">it he&#8217;ll win change the template to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">element or canvas and publish it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">click on edit with Elementor now I go to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">page settings and set the background<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">color to black add a new section and for<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">every new section that I make I&#8217;d like<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to begin with the minimum height and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">that is just to get a sense of the work<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">area and what I&#8217;m going to create inside<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">of it but it&#8217;s a mirror of prefer<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">ability now I drag in a new heading<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">center it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">choose the griffey font which looks very<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">halloween-themed make it real big<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">[Music]<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">now for the bottom heading I&#8217;m gonna use<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">Quattro cinta font and these two fonts<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">look very good together they complement<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">one another as you will see immediately<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I&#8217;m gonna use negative margins to bring<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the headings closer together there looks<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">nice I&#8217;m gonna drag in an image and I&#8217;ll<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">load in one of our previously made hello<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">in themed dividers you can download them<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">for free along with other Halloween<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">decorations and cool elements<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and I&#8217;ll use negative margins again to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">make this look like a single unit drag<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">in another heading some more information<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">about the event<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">nice I&#8217;m gonna make this top section a<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">little bit longer and set the column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">position to bottom and give the column a<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">little bit of margin underneath I&#8217;m<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">gonna set in an image background<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">looks nice and I&#8217;ll set an image overlay<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">choose gradient make the top color<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">transparent<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">there now it doesn&#8217;t look like the image<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">is being cut underneath on to our next<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">section I&#8217;m gonna drag in a columns<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">widget use a single column and drag in<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">an image box inside of it now I&#8217;m gonna<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set a transparent background and then<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">load in an image as a background overlay<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">now gonna use this scroll now the reason<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I set the background as overlay is so I<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">can adjust the opacity level and I like<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to give a small percentage of<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">transparency to the background so it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">will blend in nicely with the whole page<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">now I&#8217;m gonna adjust the minimum height<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and reveal the full size of the scroll<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set the image to no-repeat and I&#8217;m gonna<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">just the content width of the outside<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">section<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to reveal the sides of the scroll some<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">top margin for the image box I&#8217;ll load<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">in one of our Halloween decorations as<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the image<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">change the content and now I can begin<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">stylizing it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">now I&#8217;d like to give small opacity to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the image so it will look like it&#8217;s<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">embedded on the scroll<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and give some opacity to the text as<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">well now I&#8217;m going to adjust the content<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">width of the inside section to set the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">border of our content give some padding<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">from the sides for the image box just to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">make the text look a little bit more<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">organized there looks fine now we&#8217;ll<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">drag in a forms widget and begin adding<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">some fields<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">\u00a0<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">change the input size to medium which<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">will make our fields a little bit bigger<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">\u00a0<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the same goes for the button I hide the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">label now I can begin stylizing it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">change the background color to black<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">give it some opacity<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set the border-radius to 12<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I changed the text of the button<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">play around with the padding of the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">button<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">looks fine I want to further adjust the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">content width of the section and make<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the content a little bit thinner<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I&#8217;m gonna give some top margin to the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">forum to separate the elements from one<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">another drag in a new image and load one<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">of our hello in decorations give it some<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">opacity top March<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">now there&#8217;s no Halloween without<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">pumpkins so unloading a nice<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">cool-looking pumpkin image we have<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">adjust the size of it give it negative<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">margin to make them lean on the scroll<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I&#8217;m going to set a background of<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">gradient<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I&#8217;ll make it subtle and try to make it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">look like the pumpkins cast a small<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">shadow on the scroll<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">there looks nice our next section is<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">gonna have two columns with some more<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">information about the event<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I&#8217;m dragging a heading and the text<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">field<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">looks nice now I&#8217;ll drag in an image<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">widget and again loading one of our<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">dividers set some negative top margin to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">bring the text closer looks good now<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">we&#8217;re going to duplicate this whole<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">align everything to the right and change<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the contents and replace the image<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">now set some insight bedding to the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">sides<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and add an image background we have the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">school haunted looking castle now we&#8217;re<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">gonna set the background overlay and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">choose a solid black color and play<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">around with its opacity until the text<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">looks readable now we completed our<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">landing page and looks cool it looks<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">Halloween like and we can move on and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">make it mobile responsive so I&#8217;ll switch<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">to mobile mode as you can see it looks<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">rather messy and what I like to do is<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">set all the margins and the bearings to<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">zero and personally for me it makes it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">much easier to understand what exactly<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">do I need to adjust so I&#8217;ll begin with<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">sizing the headings<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">\u00a0<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">their top suction looks good<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">\u00a0<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">so I just play around with the value of<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the bearings until the textfield looks<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">tight<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">\u00a0<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and give it the right bedding from the<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">sides<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and add a top margin to the bottom<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">column now our page is all done<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">including the mobile version we have our<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">top header section with the heading and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">a cool background the middle section<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">with the form and a call to action and<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">the bottom section with some further<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">information and a nice break round to it<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">I hope you&#8217;ve enjoyed this tutorial<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">please subscribe for more awesome<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">content this was earlier from Elementor<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\"><div class=\"cues style-scope ytd-transcript-body-renderer\"><div class=\"cue style-scope ytd-transcript-body-renderer\" role=\"button\">and a happy Halloween<\/div><\/div><\/div><div class=\"cue-group style-scope ytd-transcript-body-renderer\">\u00a0<\/div><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Overview Transcript Overview In this spooky tutorial, we explain how to create a Halloween landing page on WordPress using Elementor. This landing page has all the elements you need for a proper scare: an impactful hero section, ancient scroll contact form as well as some creepy content on the bottom. Transcript hi and welcome to [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-2822","post","type-post","status-publish","format-standard","hentry","category-other"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Halloween Special #2: How to Create a Halloween Landing Page on WordPress - Academy<\/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:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Halloween Special #2: How to Create a Halloween Landing Page on WordPress - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this spooky tutorial, we explain how to create a Halloween landing page on WordPress using Elementor. This landing page has all the elements you need for a proper scare: an impactful hero section, ancient scroll contact form as well as some creepy content on the bottom. Transcript hi and welcome to [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-22T11:27:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T11:03:03+00:00\" \/>\n<meta name=\"author\" content=\"Hodaya\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hodaya\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Halloween Special #2: How to Create a Halloween Landing Page on WordPress - Academy","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:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Halloween Special #2: How to Create a Halloween Landing Page on WordPress - Academy","og_description":"Overview Transcript Overview In this spooky tutorial, we explain how to create a Halloween landing page on WordPress using Elementor. This landing page has all the elements you need for a proper scare: an impactful hero section, ancient scroll contact form as well as some creepy content on the bottom. Transcript hi and welcome to [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/","og_site_name":"Academy","article_published_time":"2021-06-22T11:27:53+00:00","article_modified_time":"2023-02-21T11:03:03+00:00","author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"Halloween Special #2: How to Create a Halloween Landing Page on WordPress","datePublished":"2021-06-22T11:27:53+00:00","dateModified":"2023-02-21T11:03:03+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/"},"wordCount":995,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"articleSection":["Other"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/","url":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/","name":"Halloween Special #2: How to Create a Halloween Landing Page on WordPress - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"datePublished":"2021-06-22T11:27:53+00:00","dateModified":"2023-02-21T11:03:03+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/halloween-special-2-how-to-create-a-halloween-landing-page-on-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Elementor","item":"https:\/\/elementor.com\/"},{"@type":"ListItem","position":2,"name":"Academy","item":"https:\/\/elementor.com\/academy\/"},{"@type":"ListItem","position":3,"name":"Other","item":"https:\/\/elementor.com\/academy\/other\/"},{"@type":"ListItem","position":4,"name":"Halloween Special #2: How to Create a Halloween Landing Page on WordPress"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/academy\/#website","url":"https:\/\/elementor.com\/academy\/","name":"Elementor Academy","description":"Page Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/academy\/#organization","name":"Elementor Academy","alternateName":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/02\/Elementor-Logo.png","url":"https:\/\/elementor.com\/academy\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/11\/e-logo.svg","width":490,"height":85,"caption":"Elementor Academy"},"image":{"@id":"https:\/\/elementor.com\/academy\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c","name":"Hodaya","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/324f2d5cff44331b747d766f10e31793b1e29ad4f98f129d409760191f88ccc5?s=96&d=mm&r=g","caption":"Hodaya"},"url":"https:\/\/elementor.com\/academy\/author\/hodaya\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/comments?post=2822"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2822\/revisions"}],"predecessor-version":[{"id":9420,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2822\/revisions\/9420"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2822"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2822"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}