{"id":454,"date":"2021-03-22T08:19:07","date_gmt":"2021-03-22T08:19:07","guid":{"rendered":"https:\/\/dev.elicus.com\/docs\/knowledge-base-32\/"},"modified":"2023-09-05T14:22:31","modified_gmt":"2023-09-05T08:52:31","slug":"divi-flexile-hero-sections","status":"publish","type":"page","link":"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/","title":{"rendered":"Divi Flexile Hero Sections"},"content":{"rendered":"\t\t<div id=\"epkb-modular-main-page-container\" role=\"main\" aria-labelledby=\"epkb-modular-main-page-container\" class=\"epkb-css-full-reset eckb_mp_active_theme_twentytwenty\">\t\t\t\n\t\t\t<div id=\"epkb-ml__row-1\" data-feature=\"search\" class=\"epkb-ml__row\">                \r\n\t\t<!-------- ASEA Main Container ----------->\r\n\t\t<div id=\"asea-doc-search-container\" class=\" \">\r\n\r\n\t\t\t\t\t<style> #asea-doc-search-container #asea-section-1 a{color:#eeee22;}<\/style>   \r\n\t\t\t<!-------- ASEA Search Container # 1 ----------------->\r\n\t\t\t<section id=\"asea-section-1\"  style=\"background-color: #cb489a; padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; margin-top: 0px; margin-bottom: 40px;\" >\r\n\r\n\t\t\t\t<!-------- ASEA Background Image Container ------>\r\n\t\t\t\t<div id=\"asea-search-background-image-1\" ><\/div>\r\n\r\n\t\t\t\t<!-------- ASEA Gradient Container -------------->\r\n\t\t\t\t<div id=\"asea-search-gradient-1\" ><\/div>\r\n\r\n\t\t\t\t<!-------- ASEA Pattern Container --------------->\r\n\t\t\t\t<div id=\"asea-search-pattern-1\"  ><\/div>\r\n\r\n\t\t\t\t<!-------- ASEA Sub Section Container 1-1 --------------->\r\n\t\t\t\t<section id=\"asea-sub-section-1-1\">\t\t\t<style>#asea-search-title{color:#FFFFFF;padding-bottom:14px!important;font-size:36px!important;}<\/style>\r\n\t\t\t<p id=\"asea-search-title\"> Search Hero Sections for Divi Documentation<\/p>\t\t\t\t<style>#asea-search-description-1{color:#FFFFFF;padding-top:2px!important;padding-bottom:12px!important;width:80%;font-size:16px !important;}<\/style>\r\n\t\t\t<p id=\"asea-search-description-1\">Search for answers or browse our knowledge base.<\/p>  <\/section>\r\n\r\n\t\t\t\t<!-------- ASEA Sub Section Container 1-2 --------------->\r\n\t\t\t\t<section id=\"asea-sub-section-1-2\"><style>#asea-doc-search-container #asea_search_form #asea_search_results ul li a .eckb-article-title,#asea-doc-search-container #asea_search_form #asea_search_results ul li a .eckb-article-title .eckb-article-title-icon,#asea-doc-search-container #asea_search_form #asea_search_results #asea-all-search-results a{font-size:16px;}#asea-doc-search-container #asea-section-1 #asea_search_form #asea_search_results #asea-all-search-results a{color:#eeee22;}<\/style>\r\n\t<div id=\"asea-doc-search-box-container\">\r\n\r\n\t\t\t<form id=\"asea_search_form\"  style=\"width: 40%;\"  class=\"asea-search\" method=\"get\" action=\"\" role=\"search\" aria-label=\"Search\">\n\r\n\t\t\t\t<!----- Search Box ------>  \t\t\t\t<style>#asea-doc-search-container #asea-doc-search-box-container #asea_search_form .asea-search-box{border-width:1px!important;border-radius:0px;font-size:18px !important;border-color:#CCCCCC!important;background-color:#FFFFFF!important;background:#FFFFFF;padding-left:43px!important;padding-right:43px!important;border-style:solid!important;}#asea_advanced_search_terms{padding-top:10px!important;padding-bottom:10px!important;padding-right:15px!important;}<\/style>\r\n\r\n\t\t\t<div class=\"asea-search-box\" >\r\n\t\t\t\t\t<input type=\"search\"  id=\"asea_advanced_search_terms\" name=\"kb-search\" value=\"\"\r\n\t\t\t\t\t\t       aria-autocomplete=\"list\" autocapitalize=\"off\" autocomplete=\"off\" spellcheck=\"false\"\r\n\t\t\t\t\t\t       aria-label=\"Search the documentation...\"\r\n\t\t\t\t\t\t       aria-controls=\"asea_search_results\"\r\n\t\t\t\t\t           data-asea-auto-complete-wait=\"1000\"\r\n\t\t\t\t\t\t       data-language=\"en\"\r\n\t\t\t\t\t\t       placeholder=\"Search the documentation...\" \/> <span class=\"asea-search-box__loading-icon__wrap\" style=\"width:18px;height:18px;\"><span class=\"loading-spinner\" style=\"width:18px;height:18px;\"><\/span><\/span>\r\n\t\t\t\t\t<input type=\"hidden\" id=\"asea_kb_id\" value=\"32\"\/>\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!----- Search Box Results ------>\r\n\t\t\t\t<div id=\"asea_search_results\" aria-live=\"polite\"><\/div>\r\n\r\n\t\t\t<\/form>\r\n\r\n\t\t<\/div>\t\t<\/section>\r\n\r\n\t\t\t\t<!-------- ASEA Sub Section Container 1-3 --------------->\r\n\t\t\t\t<section id=\"asea-sub-section-1-3\"><\/section>\r\n\r\n\t\t\t\t<!-------- ASEA Sub Section Container 1-4 --------------->\r\n\t\t\t\t<section id=\"asea-sub-section-1-4\"><\/section>\r\n\r\n\t\t\t\t<!-------- ASEA Sub Section Container 1-5 --------------->\r\n\t\t\t\t<section id=\"asea-sub-section-1-5\"><\/section>\r\n\r\n\t\t\t<\/section>\r\n\r\n\t\t<\/div>\t\t\t\t\t<\/div>  \n\t\t\t<div id=\"epkb-ml__row-2\" data-feature=\"categories_articles\" class=\"epkb-ml__row\">                \n\t\t<div id=\"epkb-ml__module-categories-articles\" class=\"epkb-ml__module \">  \n\t\t<div id=\"epkb-ml-basic-layout\" role=\"main\" aria-labelledby=\"epkb-ml-basic-layout\" class=\"epkb-layout-container epkb-css-full-reset epkb-basic-template\">\n\t\t\t<div id=\"epkb-content-container\">\n\t\t\t\t<div class=\"epkb-section-container\">\t\n\t\t<div class=\"epkb-three-col eckb-categories-list\" > \t\t\t\t\t<div class=\"epkb-ml__module-categories-articles__row\">  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_1\" class=\"section_light_shadow epkb-top-category-box\"  style=\"border-radius: 4px; border-width: 0px; border-color: #DBDBDB; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 5px; background-color: #FFFFFF; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"195\" data-kb-type=\"category\"  style=\"color: #000000; text-align: center; justify-content: center;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa ep_font_icon_folder\" data-kb-category-icon=\"ep_font_icon_folder\"  style=\"color: #cb489a; font-size: 50px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #000000;\" >Getting Started<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 0px; padding-top: 5px; padding-bottom: 4px; padding-left: 30px; padding-right: 10px; min-height: 150px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"195\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"5792\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/file-structure\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"5792\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >File structure<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"448\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/installation\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"448\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Installation<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"8184\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-use\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"8184\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >How to use<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_2\" class=\"section_light_shadow epkb-top-category-box\"  style=\"border-radius: 4px; border-width: 0px; border-color: #DBDBDB; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 5px; background-color: #FFFFFF; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"197\" data-kb-type=\"category\"  style=\"color: #000000; text-align: center; justify-content: center;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa epkbfa-question-circle\" data-kb-category-icon=\"epkbfa-question-circle\"  style=\"color: #cb489a; font-size: 50px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #000000;\" >FAQs<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 0px; padding-top: 5px; padding-bottom: 4px; padding-left: 30px; padding-right: 10px; min-height: 150px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"197\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"4056\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/change-the-height-of-hero-1-from-100-to-50\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"4056\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Change the height of hero #1 from 100% to 50%<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"4962\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-allow-automatic-sliding-to-continue-on-mouse-hover\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"4962\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Keep automatic sliding on hover and without hover in hero section<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"7994\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-change-the-animation-to-zoom-from-out-to-in-rather-than-from-in-to-out-in-hero-1\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"7994\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >How to change the animation from zoom out to zoom in hero #1<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \t\t\t\t\t<\/div>  \n\t\t<\/div>       \t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>   \n\t\t<\/div>    \t\t\t<\/div>  \n\t\t\t<div id=\"epkb-ml__row-3\" data-feature=\"articles_list\" class=\"epkb-ml__row\">                \t\t<div id=\"epkb-ml__module-articles-list\" class=\"epkb-ml__module\">   \n\t\t<div id=\"epkb-ml-article-list-basic-layout\" class=\"epkb-ml-article-list-container\">   \n\t\t\t<div class=\"epkb-ml-articles-list__row\"> \n\t\t<!-- Popular Articles -->\n\t\t<section id=\"epkb-ml-popular-articles\" class=\"epkb-ml-article-section section_light_shadow\">\n\t\t\t<div class=\"epkb-ml-article-section__head\" role=\"heading\" aria-level=\"3\">Popular Articles<\/div>\n\t\t\t<div class=\"epkb-ml-article-section__body\">\n\t\t\t\t<ul class=\"epkb-ml-articles-list\">    \t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/installation\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"448\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >Installation<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/change-the-height-of-hero-1-from-100-to-50\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"4056\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >Change the height of hero #1 from 100% to 50%<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-allow-automatic-sliding-to-continue-on-mouse-hover\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"4962\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >Keep automatic sliding on hover and without hover in hero section<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/file-structure\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"5792\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >File structure<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-change-the-animation-to-zoom-from-out-to-in-rather-than-from-in-to-out-in-hero-1\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"7994\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >How to change the animation from zoom out to zoom in hero #1<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/section>  \n\t\t<!-- Newest Articles -->\n\t\t<section id=\"epkb-ml-newest-articles\" class=\"epkb-ml-article-section section_light_shadow\">\n\t\t\t<div class=\"epkb-ml-article-section__head\" role=\"heading\" aria-level=\"3\">Newest Articles<\/div>\n\t\t\t<div class=\"epkb-ml-article-section__body\">\n\t\t\t\t<ul class=\"epkb-ml-articles-list\">    \t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-use\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"8184\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >How to use<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-change-the-animation-to-zoom-from-out-to-in-rather-than-from-in-to-out-in-hero-1\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"7994\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >How to change the animation from zoom out to zoom in hero #1<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/file-structure\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"5792\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >File structure<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-allow-automatic-sliding-to-continue-on-mouse-hover\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"4962\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >Keep automatic sliding on hover and without hover in hero section<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/change-the-height-of-hero-1-from-100-to-50\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"4056\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >Change the height of hero #1 from 100% to 50%<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/section>  \n\t\t<!-- Recent Articles -->\n\t\t<section id=\"epkb-ml-recent-articles\" class=\"epkb-ml-article-section section_light_shadow\">\n\t\t\t<div class=\"epkb-ml-article-section__head\" role=\"heading\" aria-level=\"3\">Recently Updated Articles<\/div>\n\t\t\t<div class=\"epkb-ml-article-section__body\">\n\t\t\t\t<ul class=\"epkb-ml-articles-list\">    \t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/installation\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"448\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >Installation<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/file-structure\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"5792\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >File structure<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-use\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"8184\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >How to use<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-allow-automatic-sliding-to-continue-on-mouse-hover\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"4962\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >Keep automatic sliding on hover and without hover in hero section<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t\t\t<li>\n\t\t<a href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/how-to-change-the-animation-to-zoom-from-out-to-in-rather-than-from-in-to-out-in-hero-1\/\"  class=\"epkb-ml-article-container \"\n\t\t            data-kb-article-id=\"7994\" >\n\t\t\t<span class=\"epkb-article-inner\"  style=\"color: #000000;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #cb489a;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"epkb-article__text\" >How to change the animation from zoom out to zoom in hero #1<\/span>\n\t\t\t<\/span> \t\t<\/a>    <\/li>\t\t\t\t<\/ul>\n\t\t\t<\/div>\n\t\t<\/section>  \n\t\t\t<\/div>\n\n\t\t<\/div>        \t\t<\/div>  \t\t\t<\/div>  \t\t<\/div>   \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-454","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Divi Flexile Hero Sections - Divi Extended Documentation<\/title>\n<meta name=\"description\" content=\"Divi Flexile Hero Sections layout pack documentation. How to install and use Divi Flexile Hero Sections layout pack.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Divi Flexile Hero Sections - Divi Extended Documentation\" \/>\n<meta property=\"og:description\" content=\"Divi Flexile Hero Sections layout pack documentation. How to install and use Divi Flexile Hero Sections layout pack.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/\" \/>\n<meta property=\"og:site_name\" content=\"Divi Extended Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-05T08:52:31+00:00\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/divi-flexile-hero-sections\\\/\",\"url\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/divi-flexile-hero-sections\\\/\",\"name\":\"Divi Flexile Hero Sections - Divi Extended Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/#website\"},\"datePublished\":\"2021-03-22T08:19:07+00:00\",\"dateModified\":\"2023-09-05T08:52:31+00:00\",\"description\":\"Divi Flexile Hero Sections layout pack documentation. How to install and use Divi Flexile Hero Sections layout pack.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/divi-flexile-hero-sections\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/diviextended.com\\\/documentation\\\/divi-flexile-hero-sections\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/divi-flexile-hero-sections\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi Flexile Hero Sections\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/\",\"name\":\"Divi Extended Documentation\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/#organization\",\"name\":\"Divi Extended Documentation\",\"url\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/diviextended.png\",\"contentUrl\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/wp-content\\\/uploads\\\/2021\\\/05\\\/diviextended.png\",\"width\":497,\"height\":100,\"caption\":\"Divi Extended Documentation\"},\"image\":{\"@id\":\"https:\\\/\\\/diviextended.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Divi Flexile Hero Sections - Divi Extended Documentation","description":"Divi Flexile Hero Sections layout pack documentation. How to install and use Divi Flexile Hero Sections layout pack.","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:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/","og_locale":"en_US","og_type":"article","og_title":"Divi Flexile Hero Sections - Divi Extended Documentation","og_description":"Divi Flexile Hero Sections layout pack documentation. How to install and use Divi Flexile Hero Sections layout pack.","og_url":"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/","og_site_name":"Divi Extended Documentation","article_modified_time":"2023-09-05T08:52:31+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/","url":"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/","name":"Divi Flexile Hero Sections - Divi Extended Documentation","isPartOf":{"@id":"https:\/\/diviextended.com\/documentation\/#website"},"datePublished":"2021-03-22T08:19:07+00:00","dateModified":"2023-09-05T08:52:31+00:00","description":"Divi Flexile Hero Sections layout pack documentation. How to install and use Divi Flexile Hero Sections layout pack.","breadcrumb":{"@id":"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/diviextended.com\/documentation\/divi-flexile-hero-sections\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/diviextended.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"Divi Flexile Hero Sections"}]},{"@type":"WebSite","@id":"https:\/\/diviextended.com\/documentation\/#website","url":"https:\/\/diviextended.com\/documentation\/","name":"Divi Extended Documentation","description":"","publisher":{"@id":"https:\/\/diviextended.com\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/diviextended.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/diviextended.com\/documentation\/#organization","name":"Divi Extended Documentation","url":"https:\/\/diviextended.com\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/diviextended.com\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/diviextended.com\/documentation\/wp-content\/uploads\/2021\/05\/diviextended.png","contentUrl":"https:\/\/diviextended.com\/documentation\/wp-content\/uploads\/2021\/05\/diviextended.png","width":497,"height":100,"caption":"Divi Extended Documentation"},"image":{"@id":"https:\/\/diviextended.com\/documentation\/#\/schema\/logo\/image\/"}}]}},"jetpack_shortlink":"https:\/\/wp.me\/Pdb3fq-7k","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/pages\/454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/comments?post=454"}],"version-history":[{"count":1,"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/pages\/454\/revisions"}],"predecessor-version":[{"id":455,"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/pages\/454\/revisions\/455"}],"wp:attachment":[{"href":"https:\/\/diviextended.com\/documentation\/wp-json\/wp\/v2\/media?parent=454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}