{"context":"et_builder_layouts","data":{"25988991":{"ID":25988991,"post_date":"2024-02-16 16:21:16","post_date_gmt":"2024-02-16 15:21:16","post_content":"[et_pb_section fb_built=\"1\" custom_padding_last_edited=\"on|tablet\" admin_label=\"Filterable Grid Demo 3\" _builder_version=\"4.19.4\" background_color=\"#F9F7FC\" background_enable_image=\"off\" custom_padding=\"0px||100px||false|false\" custom_padding_tablet=\"0px||100px||false|false\" custom_padding_phone=\"0px||140px||false|false\" collapsed=\"on\" global_colors_info=\"{}\" transform_styles__hover_enabled=\"off|desktop\" transform_scale__hover_enabled=\"off|desktop\" transform_translate__hover_enabled=\"off|desktop\" transform_rotate__hover_enabled=\"off|desktop\" transform_skew__hover_enabled=\"off|desktop\" transform_origin__hover_enabled=\"off|desktop\" template_type=\"section\"][et_pb_row module_class=\"demo_row\" _builder_version=\"4.17.1\" _module_preset=\"default\" width=\"100%\" module_alignment=\"left\" custom_margin=\"||40px||false|false\" custom_padding=\"0px||||false|false\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.17.1\" _module_preset=\"default\" global_colors_info=\"{}\"][dipi_button_grid flex_direction=\"row\" justify_content=\"flex-start\" _builder_version=\"4.19.4\" _module_preset=\"default\" global_colors_info=\"{}\"][dipi_button_grid_child button_id=\"Demo\" button_text=\"Demo 3\" _builder_version=\"4.17.1\" _module_preset=\"default\" custom_button=\"on\" button_text_size=\"14px\" button_text_color=\"#ffffff\" button_bg_color=\"#15022A\" button_border_color=\"#15022A\" button_border_radius=\"0px\" button_font=\"Poppins||||||||\" button_use_icon=\"off\" button_custom_margin=\"||||false|false\" button_custom_padding=\"10px||10px||false|false\" custom_margin=\"0px|0px||0px|false|false\" global_colors_info=\"{}\" button_border_color__hover=\"#15022A\" button_border_color__hover_enabled=\"on|hover\"][\/dipi_button_grid_child][dipi_button_grid_child button_id=\"Download\" button_text=\"Download\" button_link=\"https:\/\/www.divi-pixel.com\/downloads\/Filterable-Grid-Demo-03.json\" module_class=\"dp_download\" _builder_version=\"4.19.4\" _module_preset=\"default\" custom_button=\"on\" button_text_size=\"14px\" button_text_color=\"#ffffff\" button_bg_color=\"#FF4200\" button_border_color=\"#FF4200\" button_border_radius=\"0px\" button_font=\"Poppins||||||||\" button_use_icon=\"on\" button_icon=\"&#xe004;||divi||400\" button_icon_placement=\"left\" button_on_hover=\"off\" button_custom_margin=\"|||0px|false|false\" button_custom_padding=\"10px||10px||false|false\" custom_margin=\"0px|||0px|false|false\" global_colors_info=\"{}\" button_bg_color__hover=\"rgba(255,66,0,0.85)\" button_bg_color__hover_enabled=\"on|hover\" button_border_color__hover=\"rgba(255,66,0,0)\" button_border_color__hover_enabled=\"on|hover\"][\/dipi_button_grid_child][\/dipi_button_grid][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.17.0\" _module_preset=\"default\" width_tablet=\"\" width_phone=\"85%\" width_last_edited=\"on|phone\" max_width=\"1290px\" custom_padding=\"0px||0px|||\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.16\" _module_preset=\"default\" global_colors_info=\"{}\"][et_pb_blurb title=\"Overlay Effects\" icon_placement=\"left\" content_max_width=\"792px\" content_max_width_tablet=\"496px\" content_max_width_phone=\"\" content_max_width_last_edited=\"on|tablet\" _builder_version=\"4.18.0\" _module_preset=\"default\" header_font=\"|||on|||||\" header_text_color=\"#ff4200\" header_font_size=\"16px\" header_letter_spacing=\"2px\" body_font=\"|600|||||||\" body_text_color=\"#15022a\" body_font_size=\"34px\" body_line_height=\"1.2em\" text_orientation=\"center\" module_alignment=\"center\" custom_margin=\"||10px||false|false\" custom_padding=\"|||0px|false|false\" custom_padding_tablet=\"\" custom_padding_phone=\"|||0px|false|false\" custom_padding_last_edited=\"on|phone\" body_font_size_tablet=\"\" body_font_size_phone=\"28px\" body_font_size_last_edited=\"on|tablet\" custom_css_blurb_title=\"margin-top:10px !important;\" border_color_all_image=\"#ffffff\" global_colors_info=\"{}\"]Add stunning overlay effects[\/et_pb_blurb][et_pb_text _builder_version=\"4.18.0\" text_font=\"|300|||||||\" text_text_color=\"rgba(21,2,42,0.5)\" text_font_size=\"18px\" text_line_height=\"1.6em\" text_orientation=\"center\" max_width=\"707px\" max_width_tablet=\"100%\" max_width_phone=\"\" max_width_last_edited=\"on|phone\" module_alignment=\"center\" custom_margin=\"||60px||false|false\" custom_margin_tablet=\"||||false|false\" custom_margin_phone=\"\" custom_margin_last_edited=\"on|desktop\" custom_padding=\"|40px||15px|false|false\" custom_padding_tablet=\"|||15px|false|false\" custom_padding_phone=\"|40px||15px|false|false\" custom_padding_last_edited=\"on|desktop\" text_font_size_tablet=\"17px\" text_font_size_phone=\"15px\" text_font_size_last_edited=\"on|phone\" text_text_align=\"center\" global_colors_info=\"{}\"]Add image overlay elements and show them with stunning animations when the user mouse over the image.[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=\"4.19.4\" _module_preset=\"default\" width=\"90%\" width_tablet=\"90%\" width_phone=\"90%\" width_last_edited=\"on|tablet\" max_width=\"1600px\" global_colors_info=\"{}\"][et_pb_column type=\"4_4\" _builder_version=\"4.17.5\" _module_preset=\"default\" global_colors_info=\"{}\"][dipi_filterable_grid select_post_type=\"layouts\" select_custom_tax=\"category\" include_term_ids_of_category=\"84,87,86,85\" filter_tab_alignment=\"center\" show_all_filter=\"off\" grid_layout=\"grid\" columns=\"3\" row_height=\"350px\" gutter=\"60\" grid_animation=\"zoomInShort\" fix_lazy=\"on\" image_animation=\"zoom-in\" image_animation_speed=\"2000ms\" use_post_link=\"on\" use_overlay=\"on\" overlay_align_horizontal=\"flex-end\" overlay_align_vertical=\"flex-start\" icon_animation=\"fadeInDown\" icon_speed=\"300ms\" overlay_bg_color=\"rgba(255,255,255,0)\" overlay_icon_color=\"#FFFFFF\" overlay_icon_circle_color=\"rgba(0,0,0,0.35)\" overlay_icon_circle_padding=\"20px|20px|20px|20px|false|false\" overlay_icon_use_icon_font_size=\"on\" overlay_icon_font_size=\"20px\" space_tabs=\"1px\" filter_bar_max_width=\"685px\" filter_bar_margin=\"0px|auto|40px|auto|false|false\" filter_bar_padding=\"20px|10px|20px|10px|false|false\" filter_bar_background_color=\"#FFFFFF\" overlay_padding=\"0px|0px|0px|0px|false|false\" filter_bar_item_padding=\"15px|25px|15px|25px|false|false\" filter_bar_item_padding_active=\"15px|25px|15px|25px|false|false\" filter_bar_item_background_color=\"#FFFFFF\" filter_bar_item_background_color_active=\"RGBA(255,255,255,0)\" filter_bar_item_width=\"160px\" filter_bar_item_width_active=\"160px\" grid_item_background_color=\"#FFFFFF\" columns_tablet=\"1\" columns_phone=\"1\" columns_last_edited=\"on|tablet\" overlay_icon_font_size_tablet=\"16px\" overlay_icon_font_size_phone=\"16px\" overlay_icon_font_size_last_edited=\"on|phone\" space_tabs_tablet=\"10px\" space_tabs_phone=\"10px\" space_tabs_last_edited=\"on|tablet\" filter_bar_item_width_tablet=\"150px\" filter_bar_item_width_phone=\"150px\" filter_bar_item_width_last_edited=\"on|tablet\" filter_bar_item_width_active_tablet=\"150px\" filter_bar_item_width_active_phone=\"150px\" filter_bar_item_width_active_last_edited=\"on|tablet\" module_class=\"fg_demo\" _builder_version=\"4.19.4\" _module_preset=\"default\" header_font=\"|700|||||||\" header_text_color=\"#FFFFFF\" filter_bar_normal_font=\"|||on|||||\" filter_bar_normal_text_align=\"center\" filter_bar_normal_text_color=\"rgba(21,2,42,0.4)\" filter_bar_normal_font_size=\"13px\" filter_bar_normal_letter_spacing=\"1px\" filter_bar_active_font=\"|||on|||||\" filter_bar_active_text_align=\"center\" filter_bar_active_text_color=\"#FFFFFF\" filter_bar_active_font_size=\"13px\" filter_bar_active_letter_spacing=\"1px\" min_height=\"780px\" filter_saturate=\"110%\" mix_blend_mode=\"overlay\" custom_css_grid_item=\"opacity: 0.9;||filter: grayscale(70%);\" custom_css_overlay_icon=\"border-radius: 0px;||backdrop-filter: blur(3px);||\" border_color_all_grid_item=\"RGBA(255,255,255,0)\" box_shadow_style_filter_bar=\"preset3\" box_shadow_color_filter_bar=\"rgba(51,0,13,0.07)\" box_shadow_style_filter_bar_item=\"preset7\" box_shadow_horizontal_filter_bar_item=\"0px\" box_shadow_vertical_filter_bar_item=\"0px\" box_shadow_color_filter_bar_item=\"#FFFFFF\" box_shadow_style_filter_bar_item_active=\"preset7\" box_shadow_horizontal_filter_bar_item_active=\"0px\" box_shadow_vertical_filter_bar_item_active=\"-60px\" box_shadow_color_filter_bar_item_active=\"#000000\" box_shadow_style_images=\"preset3\" box_shadow_blur_images=\"49px\" box_shadow_color_images=\"rgba(0,16,63,0.24)\" global_colors_info=\"{}\" overlay_bg_color__hover_enabled=\"on|desktop\" overlay_bg_color__hover=\"rgba(255,255,255,0)\" overlay_bg_enable_color__hover=\"on\" filter_bar_normal_text_color__hover_enabled=\"on|hover\" filter_bar_normal_text_color__hover=\"#0a0000\" border_color_bottom_filter_bar_item__hover_enabled=\"on|hover\" border_color_bottom_filter_bar_item__hover=\"rgba(21,2,42,0.13)\" overlay_icon_circle_color__hover_enabled=\"on|hover\" overlay_icon_circle_color__hover=\"rgba(0,0,0,0.5)\" custom_css_grid_item__hover_enabled=\"on|hover\" custom_css_grid_item__hover=\"opacity: 1;||filter: grayscale(10%);||filter: contrast(110%);\" filter_bar_active_text_color__hover_enabled=\"on|hover\" filter_bar_active_text_color__hover=\"#FFFFFF\"][\/dipi_filterable_grid][et_pb_code _builder_version=\"4.19.4\" _module_preset=\"default\" global_colors_info=\"{}\"]<style><!-- [et_pb_line_break_holder] -->.fg_demo.dipi_filterable_grid .dipi_lightbox_link_icon {<!-- [et_pb_line_break_holder] -->    gap: 0px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]","post_title":"Filterable-Grid-Demo-03","post_excerpt":"","post_status":"publish","comment_status":"closed","ping_status":"closed","post_password":"","post_name":"filterable-grid-demo-03","to_ping":"","pinged":"","post_modified":"2024-02-16 16:21:16","post_modified_gmt":"2024-02-16 15:21:16","post_content_filtered":"","post_parent":0,"menu_order":0,"post_type":"et_pb_layout","post_mime_type":"","comment_count":"0","filter":"raw","post_meta":{"_et_pb_built_for_post_type":["page"]},"terms":{"40":{"name":"Divi Pixel Demo","slug":"divi-pixel-demo","taxonomy":"layout_category","parent":0,"all_parents":[],"description":""},"2":{"name":"not_global","slug":"not_global","taxonomy":"scope","parent":0,"all_parents":[],"description":""},"3":{"name":"regular","slug":"regular","taxonomy":"module_width","parent":0,"all_parents":[],"description":""},"4":{"name":"section","slug":"section","taxonomy":"layout_type","parent":0,"all_parents":[],"description":""}}}},"presets":"","global_colors":"","images":[],"thumbnails":[]}