{"id":2941,"date":"2021-06-23T07:11:30","date_gmt":"2021-06-23T07:11:30","guid":{"rendered":"https:\/\/elementor.com\/academy\/?p=2941"},"modified":"2023-02-21T09:44:04","modified_gmt":"2023-02-21T09:44:04","slug":"how-to-create-a-full-width-slider-on-wordpress-elementor-pro","status":"publish","type":"post","link":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/","title":{"rendered":"How To Create A Full Width Slider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2941\" class=\"elementor elementor-2941\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-402690aa elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"402690aa\" 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-1f1bf8b7\" data-id=\"1f1bf8b7\" 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-70bf15b9 elementor-widget elementor-widget-video\" data-id=\"70bf15b9\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=AIvu2uBAFrY&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-444f7514 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"444f7514\" 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-5738a20\" data-id=\"5738a20\" 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-36c3c0a3 elementor-tabs-view-horizontal elementor-widget elementor-widget-tabs\" data-id=\"36c3c0a3\" 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-9181\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"true\" data-tab=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"elementor-tab-content-9181\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t\t\t\t\t<div id=\"elementor-tab-title-9182\" class=\"elementor-tab-title elementor-tab-desktop-title\" aria-selected=\"false\" data-tab=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"elementor-tab-content-9182\" 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-9181\" aria-expanded=\"false\">Overview<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9181\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9181\" tabindex=\"0\" hidden=\"false\"><div id=\"meta\" class=\"style-scope ytd-watch-flexy\"><div id=\"meta-contents\" class=\"style-scope ytd-watch-flexy\"><div id=\"container\" class=\"style-scope ytd-video-secondary-info-renderer\"><div id=\"content\" class=\"style-scope ytd-expander\"><div id=\"description\" class=\"style-scope ytd-video-secondary-info-renderer\"><span class=\"style-scope yt-formatted-string\" dir=\"auto\">In this guide David explains how to create a full width slider on WordPress, using the Elementor Slides widget. Get Elementor Pro<\/span><\/div><\/div>SHOW LESS<\/div><\/div><\/div><div id=\"ticket-shelf\" class=\"style-scope ytd-watch-flexy\">\u00a0<\/div><div id=\"merch-shelf\" class=\"style-scope ytd-watch-flexy\">\u00a0<\/div><div id=\"header\" class=\"style-scope ytd-item-section-renderer\"><div id=\"title\" class=\"style-scope ytd-comments-header-renderer\">\u00a0<\/div><\/div><\/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-9182\" aria-expanded=\"false\">Transcript<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-9182\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"tabpanel\" aria-labelledby=\"elementor-tab-title-9182\" tabindex=\"0\" hidden=\"hidden\"><p>hi and welcome to elemental how to<br \/>today&#8217;s question comes from Joe ETF how<br \/>can you create full width slider in<br \/>slide widget in Elementor we have the<br \/>option to create beautiful slides in no<br \/>time now by default our slider comes in<br \/>a box with so if you wish to stress<br \/>decide to full width you could do that<br \/>by simply clicking on section then<br \/>clicking on full width in content with<br \/>now the slides are full width let&#8217;s go<br \/>back to section now as you can see there<br \/>are gaps here here you can make it<br \/>disappear by clicking on no gap now if<br \/>we want to make those slides fit the<br \/>screen on any device let&#8217;s go and click<br \/>on the slide and set the height on VH to<br \/>tablet and on the mobile I hope you<br \/>enjoyed our video thank you for watching<br \/>for more videos and tutorials please<br \/>subscribe to our YouTube channel<br \/>[Music]<\/p><\/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 guide David explains how to create a full width slider on WordPress, using the Elementor Slides widget. Get Elementor ProSHOW LESS Transcript hi and welcome to elemental how to today\u2019s question comes from Joe ETF how can you create full width slider in slide widget in Elementor we have the [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":3969,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_theme","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[41],"class_list":["post-2941","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-layout","tag-guides-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Create A Full Width Slider - 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\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Create A Full Width Slider - Academy\" \/>\n<meta property=\"og:description\" content=\"Overview Transcript Overview In this guide David explains how to create a full width slider on WordPress, using the Elementor Slides widget. Get Elementor ProSHOW LESS Transcript hi and welcome to elemental how to today\u2019s question comes from Joe ETF how can you create full width slider in slide widget in Elementor we have the [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-23T07:11:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-21T09:44:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-A-Full-Width-Slider.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Create A Full Width Slider - 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\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/","og_locale":"en_US","og_type":"article","og_title":"How To Create A Full Width Slider - Academy","og_description":"Overview Transcript Overview In this guide David explains how to create a full width slider on WordPress, using the Elementor Slides widget. Get Elementor ProSHOW LESS Transcript hi and welcome to elemental how to today\u2019s question comes from Joe ETF how can you create full width slider in slide widget in Elementor we have the [&hellip;]","og_url":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/","og_site_name":"Academy","article_published_time":"2021-06-23T07:11:30+00:00","article_modified_time":"2023-02-21T09:44:04+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-A-Full-Width-Slider.jpg","type":"image\/jpeg"}],"author":"Hodaya","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Hodaya","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/"},"author":{"name":"Hodaya","@id":"https:\/\/elementor.com\/academy\/#\/schema\/person\/ff9f2661f3df53ae5842a9ad15853d1c"},"headline":"How To Create A Full Width Slider","datePublished":"2021-06-23T07:11:30+00:00","dateModified":"2023-02-21T09:44:04+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/"},"wordCount":204,"publisher":{"@id":"https:\/\/elementor.com\/academy\/#organization"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-A-Full-Width-Slider.jpg","keywords":["Guides and Tutorials"],"articleSection":["Design \/ Layout"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/","url":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/","name":"How To Create A Full Width Slider - Academy","isPartOf":{"@id":"https:\/\/elementor.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-A-Full-Width-Slider.jpg","datePublished":"2021-06-23T07:11:30+00:00","dateModified":"2023-02-21T09:44:04+00:00","breadcrumb":{"@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/#primaryimage","url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-A-Full-Width-Slider.jpg","contentUrl":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2021\/06\/Create-A-Full-Width-Slider.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/academy\/how-to-create-a-full-width-slider-on-wordpress-elementor-pro\/#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":"home selection","item":"https:\/\/elementor.com\/academy\/home-selection\/"},{"@type":"ListItem","position":4,"name":"home \u2013 courses","item":"https:\/\/elementor.com\/academy\/home-selection\/home-courses\/"},{"@type":"ListItem","position":5,"name":"How To Create A Full Width Slider"}]},{"@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\/2941","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=2941"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2941\/revisions"}],"predecessor-version":[{"id":9405,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/posts\/2941\/revisions\/9405"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media\/3969"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/media?parent=2941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/categories?post=2941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/academy\/wp-json\/wp\/v2\/tags?post=2941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}