{"id":246405,"date":"2022-11-22T09:57:23","date_gmt":"2022-11-22T09:57:23","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/dividemos\/?page_id=246405"},"modified":"2022-11-22T10:09:34","modified_gmt":"2022-11-22T10:09:34","slug":"divi-post-carousel","status":"publish","type":"page","link":"https:\/\/brandandbuildtemplates.me\/dividemos\/divi-post-carousel\/","title":{"rendered":"Divi Post Carousel"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;d62b1119-6da8-4118-aca1-3afcf9627b0a&#8221; background_color=&#8221;#fcfcfc&#8221; custom_padding=&#8221;20px||0px||false|false&#8221; animation_style=&#8221;fade&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Header&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;07a1a969-56bf-4f87-9ff9-1d3350c008c4&#8243; text_font_size=&#8221;24px&#8221; header_font=&#8221;Poppins|700|||||||&#8221; header_text_color=&#8221;#262122&#8243; header_font_size=&#8221;40px&#8221; header_letter_spacing=&#8221;-1px&#8221; header_4_font=&#8221;Poppins|600||on|||||&#8221; header_4_text_color=&#8221;#262122&#8243; header_4_font_size=&#8221;30px&#8221; header_4_letter_spacing=&#8221;-1px&#8221; header_5_text_color=&#8221;#f4d582&#8243; header_5_font_size=&#8221;60px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||10px||false|false&#8221; header_text_shadow_style=&#8221;none&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h5>Freebie Demo<\/h5>\n<h1>Responsive Divi Post Carousel<\/h1>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/brandandbuild.me\/responsive-divi-post-carousel&#8221; button_text=&#8221;Back to post&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;633bcafb-2b44-4584-a8cb-2c2c9962cc34&#8243; custom_button=&#8221;off&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; button_text_color__hover=&#8221;#262122&#8243; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Post Carousel Code (Include this section on every page the post carousel is displayed)&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code admin_label=&#8221;Post Carousel JS&#8221; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<link rel=\"stylesheet\" type=\"text\/css\" href=\"\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.8.1\/slick\/slick.css\"\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script type=\"text\/javascript\" src=\"\/\/cdn.jsdelivr.net\/npm\/slick-carousel@1.9.0\/slick\/slick.min.js\"><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function ($) {<!-- [et_pb_line_break_holder] -->   \/\/ Wrap the post content in a container<!-- [et_pb_line_break_holder] -->        $('.bb-post-carousel .et_pb_post').each(function () {<!-- [et_pb_line_break_holder] -->            $(this)<!-- [et_pb_line_break_holder] -->                .find('> .entry-title, > .post-meta, > .post-content')<!-- [et_pb_line_break_holder] -->                .wrapAll('<\/p>\n<div class=\"bb-post-content\"><\/div>\n<p>');<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    \/\/ Check carousel exists to avoid error<!-- [et_pb_line_break_holder] -->    if ($('.bb-post-carousel .et_pb_ajax_pagination_container').length) {<!-- [et_pb_line_break_holder] -->        $('.bb-post-carousel .et_pb_ajax_pagination_container').slick({<!-- [et_pb_line_break_holder] -->            slidesToShow: 3,<!-- [et_pb_line_break_holder] -->            slidesToScroll: 1,<!-- [et_pb_line_break_holder] -->            infinite: true,<!-- [et_pb_line_break_holder] -->            autoplay: false,<!-- [et_pb_line_break_holder] -->            autoplaySpeed: 5000,<!-- [et_pb_line_break_holder] -->            prevArrow: '<a class=\"bb-carousel-prev\">4<\/a>',<!-- [et_pb_line_break_holder] -->            nextArrow: '<a class=\"bb-carousel-next\">5<\/a>',<!-- [et_pb_line_break_holder] -->            responsive: [<!-- [et_pb_line_break_holder] -->                {<!-- [et_pb_line_break_holder] -->                    breakpoint: 769,<!-- [et_pb_line_break_holder] -->                    settings: {<!-- [et_pb_line_break_holder] -->                        slidesToShow: 2,<!-- [et_pb_line_break_holder] -->                        slidesToScroll: 1,<!-- [et_pb_line_break_holder] -->                    },<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->                {<!-- [et_pb_line_break_holder] -->                    breakpoint: 480,<!-- [et_pb_line_break_holder] -->                    settings: {<!-- [et_pb_line_break_holder] -->                        slidesToShow: 1,<!-- [et_pb_line_break_holder] -->                        slidesToScroll: 1,<!-- [et_pb_line_break_holder] -->                    },<!-- [et_pb_line_break_holder] -->                },<!-- [et_pb_line_break_holder] -->            ],<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_fullwidth_code][et_pb_fullwidth_code admin_label=&#8221;Post Carousel CSS&#8221; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->\/* Post carousel *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Remove margins *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post,<!-- [et_pb_line_break_holder] -->.bb-post-carousel .entry-featured-image-url {<!-- [et_pb_line_break_holder] -->    margin-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Position content on top of image *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .bb-post-content {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    top: 0;<!-- [et_pb_line_break_holder] -->    bottom: 0;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->    z-index: 10;<!-- [et_pb_line_break_holder] -->    padding: 50px;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    justify-content: flex-end;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Move post content so center on tablets *\/<!-- [et_pb_line_break_holder] -->@media all and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->    .bb-post-carousel .bb-post-content {<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Add image overlay *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .entry-featured-image-url::before {<!-- [et_pb_line_break_holder] -->    content: '';<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    z-index: 5;<!-- [et_pb_line_break_holder] -->    top: 20px;<!-- [et_pb_line_break_holder] -->    bottom: 20px;<!-- [et_pb_line_break_holder] -->    left: 20px;<!-- [et_pb_line_break_holder] -->    right: 20px;<!-- [et_pb_line_break_holder] -->    background: #fff;<!-- [et_pb_line_break_holder] -->    transition: opacity 1s ease;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Show image overlay on hover *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post:hover .entry-featured-image-url::before {<!-- [et_pb_line_break_holder] -->    opacity: 0.8;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Scale the image to fit *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .slick-slide img {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    height: 600px;<!-- [et_pb_line_break_holder] -->    -o-object-fit: cover;<!-- [et_pb_line_break_holder] -->    object-fit: cover;<!-- [et_pb_line_break_holder] -->    transition: transform 1s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Add lines to post meta *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post .post-meta {<!-- [et_pb_line_break_holder] -->    position: relative;<!-- [et_pb_line_break_holder] -->    width: max-content;<!-- [et_pb_line_break_holder] -->    margin-left: auto;<!-- [et_pb_line_break_holder] -->    margin-right: auto;<!-- [et_pb_line_break_holder] -->    padding: 0 30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post .post-meta::before,<!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post .post-meta::after {<!-- [et_pb_line_break_holder] -->    content: '';<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    width: 20px;<!-- [et_pb_line_break_holder] -->    top: 50%;<!-- [et_pb_line_break_holder] -->    height: 0;<!-- [et_pb_line_break_holder] -->    border-top: 1px solid #fff;<!-- [et_pb_line_break_holder] -->    transition: all 0.3s ease 0s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post .post-meta::before {<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post .post-meta::after {<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Change line colour on hover *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post:hover .post-meta::before,<!-- [et_pb_line_break_holder] -->.bb-post-carousel .et_pb_post:hover .post-meta::after {<!-- [et_pb_line_break_holder] -->    border-top: 1px solid #000;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Carousel navigation styling *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel .bb-carousel-prev,<!-- [et_pb_line_break_holder] -->.bb-post-carousel .bb-carousel-next {<!-- [et_pb_line_break_holder] -->    position: absolute;<!-- [et_pb_line_break_holder] -->    z-index: 10;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    font-family: ETModules;<!-- [et_pb_line_break_holder] -->    font-size: 60px;<!-- [et_pb_line_break_holder] -->    padding: 10px 5px;<!-- [et_pb_line_break_holder] -->    color: #fff;<!-- [et_pb_line_break_holder] -->    top: 50%;<!-- [et_pb_line_break_holder] -->    transform: translateY(-50%);<!-- [et_pb_line_break_holder] -->    transition: opacity 0.3s ease;<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-post-carousel .bb-carousel-prev {<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-post-carousel .bb-carousel-next {<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Show arrows on hover *\/<!-- [et_pb_line_break_holder] -->.bb-post-carousel:hover .bb-carousel-prev,<!-- [et_pb_line_break_holder] -->.bb-post-carousel:hover .bb-carousel-next {<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;Carousel&#8221; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;d62b1119-6da8-4118-aca1-3afcf9627b0a&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; animation_style=&#8221;fade&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; max_width=&#8221;100%&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blog include_categories=&#8221;24,23&#8243; show_date=&#8221;off&#8221; show_excerpt=&#8221;off&#8221; show_pagination=&#8221;off&#8221; module_class=&#8221;bb-post-carousel&#8221; _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;ca60a1fd-e95a-4e00-98e2-d08171d9891a&#8221; header_level=&#8221;h3&#8243; header_font=&#8221;Crimson Text||||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;22px&#8221; meta_font=&#8221;|||on|||||&#8221; meta_text_color=&#8221;#FFFFFF&#8221; meta_font_size=&#8221;11px&#8221; meta_letter_spacing=&#8221;0.5px&#8221; meta_line_height=&#8221;2em&#8221; text_orientation=&#8221;center&#8221; custom_css_main_element=&#8221;line-height: 0;&#8221; custom_css_title=&#8221;order: 1;&#8221; custom_css_post_meta=&#8221;order: 0;&#8221; border_width_all_fullwidth=&#8221;2.5px&#8221; border_color_all_fullwidth=&#8221;#FFFFFF&#8221; border_width_bottom_fullwidth=&#8221;4px&#8221; global_colors_info=&#8221;{}&#8221; header_text_color__hover_enabled=&#8221;on|hover&#8221; header_text_color__hover=&#8221;#000000&#8243; meta_text_color__hover_enabled=&#8221;on|hover&#8221; meta_text_color__hover=&#8221;#000000&#8243;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Freebie Demo Responsive Divi Post Carousel<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-246405","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/246405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/comments?post=246405"}],"version-history":[{"count":5,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/246405\/revisions"}],"predecessor-version":[{"id":246435,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/246405\/revisions\/246435"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/media?parent=246405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}