{"id":26944446,"date":"2024-10-26T00:48:31","date_gmt":"2024-10-26T00:48:31","guid":{"rendered":"https:\/\/www.fastudio.my\/?page_id=26944446"},"modified":"2024-11-16T02:04:32","modified_gmt":"2024-11-16T02:04:32","slug":"filterable-gallery","status":"publish","type":"page","link":"https:\/\/demo.fastudio.my\/divi-pixel\/modules\/filterable-gallery\/","title":{"rendered":"Filterable Gallery"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0C71C3&#8243; background_enable_pattern_style=&#8221;on&#8221; background_pattern_style=&#8221;diagonal-stripes&#8221; background_pattern_color=&#8221;rgba(0,0,0,0.04)&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_heading title=&#8221;Filterable Gallery&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;|700|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#f2bc39&#8243; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_heading][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; text_orientation=&#8221;center&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;]<p>Tambahkan galeri imej yang menakjubkan pada tapak web Divi anda dengan modul Galeri Boleh Penapis Divi Pixel. Tapis imej berdasarkan kategorinya dan dayakan tetapan tindanan untuk memaparkan ikon, tajuk dan kapsyen pada tetikus.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Filterable Grid Demo 1&#8243; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;rgba(68,0,153,0.04)&#8221; background_enable_image=&#8221;off&#8221; background_blend=&#8221;overlay&#8221; custom_padding=&#8221;0px||140px|||&#8221; custom_padding_tablet=&#8221;0px||80px||false|false&#8221; custom_padding_phone=&#8221;0px||60px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row module_class=&#8221;demo_row&#8221; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid flex_direction=&#8221;row&#8221; justify_content=&#8221;flex-start&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid_child button_id=&#8221;Demo&#8221; button_text=&#8221;Demo 1&#8243; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#15022A&#8221; button_border_color=&#8221;#15022A&#8221; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;off&#8221; button_custom_margin=&#8221;||||false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|0px||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_border_color__hover=&#8221;#15022A&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][dipi_button_grid_child button_id=&#8221;Download&#8221; button_text=&#8221;Download&#8221; button_link=&#8221;https:\/\/www.divi-pixel.com\/downloads\/Filterable-Grid-Demo-01.json&#8221; module_class=&#8221;dp_download&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#FF4200&#8243; button_border_color=&#8221;#FF4200&#8243; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;on&#8221; button_icon=&#8221;&#xe004;||divi||400&#8243; button_icon_placement=&#8221;left&#8221; button_on_hover=&#8221;off&#8221; button_custom_margin=&#8221;|||0px|false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover=&#8221;rgba(255,66,0,0.85)&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_border_color__hover=&#8221;rgba(255,66,0,0)&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][\/dipi_button_grid][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.18.0&#8243; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_blurb title=&#8221;Content Settings&#8221; icon_placement=&#8221;left&#8221; content_max_width=&#8221;800px&#8221; content_max_width_tablet=&#8221;&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;16px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#15022a&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.1em&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||15px||false|false&#8221; custom_padding=&#8221;|||0px|false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; body_font_size_tablet=&#8221;&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_blurb_title=&#8221;margin-top:10px !important;&#8221; border_color_all_image=&#8221;#ffffff&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Display title and excerpt in grid layout\r[\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.19.4&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;840px&#8221; max_width_tablet=&#8221;100%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;|40px||15px|false|false&#8221; custom_padding_tablet=&#8221;|||15px|false|false&#8221; custom_padding_phone=&#8221;|40px||15px|false|false&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; text_font_size_tablet=&#8221;17px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Build advanced filterable grid sections with content displayed below images. Use masonry or grid layout and display the images, titles, and excerpts in the layout.\r[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row module_class=&#8221;dp_pricing_demo_2&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;95%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1400px&#8221; custom_padding=&#8221;52px|||||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_filterable_grid select_custom_tax=&#8221;category&#8221; include_term_ids_of_category=&#8221;38,39,32,41&#8243; pagination_type=&#8221;numbered_pagination&#8221; posts_per_page=&#8221;6&#8243; filter_tab_alignment=&#8221;center&#8221; show_all_filter=&#8221;off&#8221; grid_layout=&#8221;grid&#8221; columns=&#8221;3&#8243; row_height=&#8221;230px&#8221; gutter=&#8221;40&#8243; grid_animation=&#8221;fadeInUpShort&#8221; fix_lazy=&#8221;on&#8221; show_post_title=&#8221;on&#8221; show_post_excerpt=&#8221;on&#8221; enable_html_on_grid=&#8221;on&#8221; excerpt_length=&#8221;1000&#8243; show_custom_taxonomy=&#8221;on&#8221; use_post_link=&#8221;on&#8221; use_overlay=&#8221;on&#8221; show_overflow=&#8221;on&#8221; overlay_bg_color=&#8221;rgba(21,2,42,0)&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;15px&#8221; space_tabs=&#8221;0px&#8221; pagination_btn_padding=&#8221;10px|20px|10px|20px|false|false&#8221; pagination_active_btn_margin=&#8221;||||false|false&#8221; pagination_active_btn_padding=&#8221;10px|20px|10px|20px|false|false&#8221; load_more_padding=&#8221;12px|30px|12px|30px|false|false&#8221; pagination_btn_bg_color=&#8221;#FFFFFF&#8221; pagination_active_btn_bg_color=&#8221;#15022A&#8221; load_more_bg_color=&#8221;#000000&#8243; filter_bar_margin=&#8221;0px|0px|40px|0px|false|false&#8221; filter_bar_padding=&#8221;0px|0px||0px|false|false&#8221; filter_bar_background_color=&#8221;#FFFFFF&#8221; overlay_padding=&#8221;30px|30px|0px|30px|false|false&#8221; filter_bar_item_padding=&#8221;25px|20px|25px|20px|false|false&#8221; filter_bar_item_padding_active=&#8221;25px|20px|25px|20px|false|false&#8221; filter_bar_item_background_color=&#8221;RGBA(255,255,255,0)&#8221; filter_bar_item_background_color_active=&#8221;rgba(249,247,252,0.5)&#8221; grid_margin=&#8221;|0px|0px|0px|false|false&#8221; grid_background_color=&#8221;RGBA(255,255,255,0)&#8221; grid_item_background_color=&#8221;#FFFFFF&#8221; grid_item_category_margin=&#8221;20px|0px|0px|10px|false|false&#8221; grid_item_title_margin=&#8221;0px|20px|10px|20px|false|false&#8221; grid_item_excerpt_margin=&#8221;10px|20px|40px|20px|false|false&#8221; filter_bar_layout_tablet=&#8221;&#8221; filter_bar_layout_phone=&#8221;column&#8221; filter_bar_layout_last_edited=&#8221;on|phone&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; space_tabs_tablet=&#8221;10px&#8221; space_tabs_phone=&#8221;10px&#8221; space_tabs_last_edited=&#8221;on|tablet&#8221; pagination_btn_padding_tablet=&#8221;10px|20px|10px|20px|false|false&#8221; pagination_btn_padding_phone=&#8221;10px|20px|10px|20px|false|false&#8221; pagination_btn_padding_last_edited=&#8221;on|phone&#8221; filter_bar_item_width_tablet=&#8221;&#8221; filter_bar_item_width_phone=&#8221;90%&#8221; filter_bar_item_width_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; pagination_btn_normal_font=&#8221;Poppins|300|||||||&#8221; pagination_btn_normal_font_size=&#8221;16px&#8221; load_more_text_color=&#8221;#FFFFFF&#8221; load_more_font_size=&#8221;14px&#8221; filter_bar_normal_text_align=&#8221;center&#8221; filter_bar_normal_text_color=&#8221;rgba(21,2,42,0.3)&#8221; filter_bar_active_text_color=&#8221;#15022A&#8221; grid_item_title_font=&#8221;Poppins|700|||||||&#8221; grid_item_title_text_color=&#8221;#15022A&#8221; grid_item_title_font_size=&#8221;19px&#8221; grid_item_title_line_height=&#8221;1.4em&#8221; grid_item_excerpt_font=&#8221;|300|||||||&#8221; grid_item_excerpt_text_color=&#8221;rgba(21,2,42,0.5)&#8221; grid_item_excerpt_font_size=&#8221;14px&#8221; grid_item_excerpt_line_height=&#8221;1.6em&#8221; grid_item_category_font=&#8221;|||on|||||&#8221; grid_item_category_text_color=&#8221;rgba(21,2,42,0.31)&#8221; grid_item_category_font_size=&#8221;12px&#8221; grid_item_category_letter_spacing=&#8221;1px&#8221; min_height=&#8221;1000px&#8221; filter_bar_normal_text_align_last_edited=&#8221;off|phone&#8221; border_width_bottom_filter_bar_item=&#8221;2px&#8221; border_color_bottom_filter_bar_item=&#8221;#FFFFFF&#8221; border_width_bottom_filter_bar_item_active=&#8221;2px&#8221; border_color_bottom_filter_bar_item_active=&#8221;#000000&#8243; box_shadow_style_pagination_normal=&#8221;preset3&#8243; box_shadow_color_pagination_normal=&#8221;rgba(68,0,153,0.13)&#8221; box_shadow_style_filter_bar=&#8221;preset3&#8243; box_shadow_color_filter_bar=&#8221;rgba(68,0,153,0.09)&#8221; box_shadow_style_filter_bar_item=&#8221;preset7&#8243; box_shadow_horizontal_filter_bar_item=&#8221;0px&#8221; box_shadow_vertical_filter_bar_item=&#8221;0px&#8221; box_shadow_color_filter_bar_item=&#8221;rgba(249,247,252,0.5)&#8221; box_shadow_style_images=&#8221;preset3&#8243; box_shadow_color_images=&#8221;rgba(68,0,153,0.09)&#8221; global_colors_info=&#8221;{}&#8221; filter_bar_item_background_color__hover_enabled=&#8221;off|hover&#8221; box_shadow_vertical_filter_bar_item__hover_enabled=&#8221;on|hover&#8221; box_shadow_vertical_filter_bar_item__hover=&#8221;-80px&#8221; load_more_bg_color__hover_enabled=&#8221;on|hover&#8221; load_more_bg_color__hover=&#8221;rgba(21,2,42,0.8)&#8221; filter_bar_normal_text_color__hover_enabled=&#8221;on|hover&#8221; filter_bar_normal_text_color__hover=&#8221;rgba(21,2,42,0.5)&#8221; border_color_bottom_filter_bar_item__hover_enabled=&#8221;on|hover&#8221; border_color_bottom_filter_bar_item__hover=&#8221;rgba(249,247,252,0.5)&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_filterable_grid][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Filterable Grid Demo 2&#8243; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;#ffffff&#8221; background_enable_image=&#8221;off&#8221; custom_padding=&#8221;0px||140px||false|false&#8221; custom_padding_tablet=&#8221;0px||60px||false|false&#8221; custom_padding_phone=&#8221;0px||70px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row module_class=&#8221;demo_row&#8221; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid flex_direction=&#8221;row&#8221; justify_content=&#8221;flex-start&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid_child button_id=&#8221;Demo&#8221; button_text=&#8221;Demo 2&#8243; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#15022A&#8221; button_border_color=&#8221;#15022A&#8221; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;off&#8221; button_custom_margin=&#8221;||||false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|0px||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_border_color__hover=&#8221;#15022A&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][dipi_button_grid_child button_id=&#8221;Download&#8221; button_text=&#8221;Download&#8221; button_link=&#8221;https:\/\/www.divi-pixel.com\/downloads\/Filterable-Grid-Demo-02.json&#8221; module_class=&#8221;dp_download&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#FF4200&#8243; button_border_color=&#8221;#FF4200&#8243; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;on&#8221; button_icon=&#8221;&#xe004;||divi||400&#8243; button_icon_placement=&#8221;left&#8221; button_on_hover=&#8221;off&#8221; button_custom_margin=&#8221;|||0px|false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover=&#8221;rgba(255,66,0,0.85)&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_border_color__hover=&#8221;rgba(255,66,0,0)&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][\/dipi_button_grid][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#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; theme_builder_area=&#8221;post_content&#8221;][et_pb_blurb title=&#8221;Filter Custom Post Types&#8221; icon_placement=&#8221;left&#8221; content_max_width=&#8221;864px&#8221; content_max_width_tablet=&#8221;496px&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;16px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#15022a&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.2em&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||20px|0px|false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; body_font_size_tablet=&#8221;&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_blurb_title=&#8221;margin-top:10px !important;&#8221; border_color_all_image=&#8221;#ffffff&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Classy look and functionality\r[\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.19.4&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;707px&#8221; max_width_tablet=&#8221;100%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||60px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;|40px||15px|false|false&#8221; custom_padding_tablet=&#8221;|||15px|false|false&#8221; custom_padding_phone=&#8221;|40px||15px|false|false&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; text_font_size_tablet=&#8221;17px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Use the Filterable Grid module for displaying your favorite recipes, projects, services, and any other post type you have created.\r[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1766px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_filterable_grid select_post_type=&#8221;project&#8221; select_custom_tax=&#8221;project_category&#8221; include_term_ids_of_project_category=&#8221;88,90,89,91&#8243; filter_tab_alignment=&#8221;center&#8221; show_all_filter=&#8221;off&#8221; gutter=&#8221;30&#8243; grid_animation=&#8221;fadeInUpShort&#8221; grid_animation_speed=&#8221;1500ms&#8221; fix_lazy=&#8221;on&#8221; image_animation_speed=&#8221;3000ms&#8221; show_post_title=&#8221;on&#8221; show_post_excerpt=&#8221;on&#8221; enable_html_on_grid=&#8221;on&#8221; excerpt_length=&#8221;300&#8243; show_author=&#8221;on&#8221; show_author_avatar=&#8221;on&#8221; read_more=&#8221;on&#8221; use_post_link=&#8221;on&#8221; use_overlay=&#8221;on&#8221; overlay_align_horizontal=&#8221;flex-start&#8221; overlay_align_vertical=&#8221;flex-end&#8221; icon_animation=&#8221;fadeInLeft&#8221; icon_speed=&#8221;300ms&#8221; show_overflow=&#8221;on&#8221; overlay_bg_color=&#8221;rgba(21,2,42,0)&#8221; overlay_icon_circle_padding=&#8221;17px|17px|17px|17px|false|false&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;16px&#8221; filter_bar_max_width=&#8221;741px&#8221; filter_bar_margin=&#8221;0px|auto|40px|auto|false|false&#8221; filter_bar_padding=&#8221;15px|0px|15px|0px|false|false&#8221; filter_bar_background_color=&#8221;rgba(202,205,207,0.2)&#8221; overlay_padding=&#8221;30px|30px|0px|20px|false|false&#8221; filter_bar_item_padding=&#8221;12px|25px|12px|25px|false|false&#8221; filter_bar_item_padding_active=&#8221;12px|25px|12px|25px|false|false&#8221; filter_bar_item_background_color=&#8221;RGBA(255,255,255,0)&#8221; filter_bar_item_background_color_active=&#8221;#05ad1b&#8221; filter_bar_item_width=&#8221;160px&#8221; filter_bar_item_width_active=&#8221;160px&#8221; grid_margin=&#8221;0px|10px|0px|10px|false|false&#8221; grid_item_background_color=&#8221;#FFFFFF&#8221; grid_item_meta_margin=&#8221;10px||10px||false|false&#8221; grid_item_meta_padding=&#8221;|0px|||false|false&#8221; grid_item_author_margin=&#8221;0px|||0px|false|false&#8221; grid_item_category_margin=&#8221;0px|0px|0px||false|false&#8221; grid_item_title_margin=&#8221;10px|10px|10px|20px|false|false&#8221; grid_item_excerpt_margin=&#8221;10px|20px|10px|20px|false|false&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|phone&#8221; space_tabs_tablet=&#8221;10px&#8221; space_tabs_phone=&#8221;10px&#8221; space_tabs_last_edited=&#8221;on|tablet&#8221; filter_bar_margin_tablet=&#8221;0px|auto|40px|auto|false|false&#8221; filter_bar_margin_phone=&#8221;0px|10px|40px|10px|false|false&#8221; filter_bar_margin_last_edited=&#8221;on|phone&#8221; filter_bar_item_width_tablet=&#8221;150px&#8221; filter_bar_item_width_phone=&#8221;90%&#8221; filter_bar_item_width_last_edited=&#8221;on|tablet&#8221; filter_bar_item_width_active_tablet=&#8221;150px&#8221; filter_bar_item_width_active_phone=&#8221;90%&#8221; filter_bar_item_width_active_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; link_font=&#8221;||||||||&#8221; link_text_color=&#8221;#15022A&#8221; header_font=&#8221;|700|||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; meta_text_color=&#8221;#15022A&#8221; meta_font_size=&#8221;11px&#8221; meta_author_font=&#8221;||||||||&#8221; meta_author_text_color=&#8221;rgba(21,2,42,0.37)&#8221; filter_bar_normal_font=&#8221;|||on|||||&#8221; filter_bar_normal_text_align=&#8221;center&#8221; filter_bar_normal_text_color=&#8221;rgba(21,2,42,0.4)&#8221; filter_bar_normal_font_size=&#8221;13px&#8221; filter_bar_normal_letter_spacing=&#8221;1px&#8221; filter_bar_active_font=&#8221;|||on|||||&#8221; filter_bar_active_text_align=&#8221;center&#8221; filter_bar_active_text_color=&#8221;#FFFFFF&#8221; filter_bar_active_font_size=&#8221;13px&#8221; filter_bar_active_letter_spacing=&#8221;1px&#8221; grid_item_title_font=&#8221;Yeseva One||||||||&#8221; grid_item_title_font_size=&#8221;23px&#8221; grid_item_excerpt_font=&#8221;Open Sans||||||||&#8221; grid_item_excerpt_text_color=&#8221;rgba(21,2,42,0.42)&#8221; grid_item_excerpt_font_size=&#8221;13px&#8221; custom_read_more=&#8221;on&#8221; read_more_text_size=&#8221;11px&#8221; read_more_text_color=&#8221;rgba(21,2,42,0.4)&#8221; read_more_bg_color=&#8221;rgba(202,205,207,0.2)&#8221; read_more_border_width=&#8221;0px&#8221; read_more_border_radius=&#8221;100px&#8221; read_more_letter_spacing=&#8221;1px&#8221; read_more_font=&#8221;|||on|||||&#8221; read_more_use_icon=&#8221;off&#8221; read_more_alignment=&#8221;left&#8221; read_more_custom_margin=&#8221;|||15px|false|false&#8221; read_more_custom_padding=&#8221;7px|15px|7px|15px|false|false&#8221; min_height=&#8221;780px&#8221; custom_css_grid_item_author_prefix=&#8221;margin-left: 10px;&#8221; border_radii_filter_bar=&#8221;on|100px|100px|100px|100px&#8221; border_radii_filter_bar_tablet=&#8221;on|100px|100px|100px|100px&#8221; border_radii_filter_bar_phone=&#8221;on|30px|30px|30px|30px&#8221; border_radii_filter_bar_last_edited=&#8221;on|phone&#8221; border_radii_filter_bar_item=&#8221;on|100px|100px|100px|100px&#8221; border_color_all_filter_bar_item=&#8221;#f4f2f7&#8243; border_width_all_grid_item=&#8221;10px&#8221; border_color_all_grid_item=&#8221;#FFFFFF&#8221; box_shadow_style_filter_bar_item_active=&#8221;preset3&#8243; box_shadow_color_filter_bar_item_active=&#8221;rgba(23,127,0,0.3)&#8221; box_shadow_style_images=&#8221;preset1&#8243; box_shadow_vertical_images=&#8221;-1px&#8221; box_shadow_blur_images=&#8221;31px&#8221; box_shadow_color_images=&#8221;rgba(0,58,34,0.1)&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color__hover_enabled=&#8221;on|hover&#8221; overlay_bg_color__hover=&#8221;rgba(10,0,0,0.55)&#8221; overlay_bg_enable_color__hover=&#8221;on&#8221; filter_bar_normal_text_color__hover_enabled=&#8221;on|hover&#8221; filter_bar_normal_text_color__hover=&#8221;#0a0000&#8243; border_color_bottom_filter_bar_item__hover_enabled=&#8221;on|hover&#8221; filter_bar_item_background_color__hover_enabled=&#8221;on|hover&#8221; filter_bar_item_background_color__hover=&#8221;#F9F7FC&#8221; filter_bar_item_background_color_active__hover_enabled=&#8221;on|hover&#8221; filter_bar_item_background_color_active__hover=&#8221;#05ad1b&#8221; filter_bar_active_text_color__hover_enabled=&#8221;on|hover&#8221; filter_bar_active_text_color__hover=&#8221;#FFFFFF&#8221; read_more_bg_color__hover_enabled=&#8221;on|hover&#8221; read_more_bg_color__hover=&#8221;#15022a&#8221; read_more_bg_enable_color__hover=&#8221;on&#8221; read_more_custom_padding__hover_enabled=&#8221;on|hover&#8221; read_more_custom_padding__hover=&#8221;7px|15px|7px|15px|false|false&#8221; read_more_text_color__hover_enabled=&#8221;on|hover&#8221; read_more_text_color__hover=&#8221;#FFFFFF&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_filterable_grid][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Filterable Grid Demo 3&#8243; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;#F9F7FC&#8221; background_enable_image=&#8221;off&#8221; custom_padding=&#8221;0px||100px||false|false&#8221; custom_padding_tablet=&#8221;0px||100px||false|false&#8221; custom_padding_phone=&#8221;0px||140px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row module_class=&#8221;demo_row&#8221; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid flex_direction=&#8221;row&#8221; justify_content=&#8221;flex-start&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid_child button_id=&#8221;Demo&#8221; button_text=&#8221;Demo 3&#8243; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#15022A&#8221; button_border_color=&#8221;#15022A&#8221; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;off&#8221; button_custom_margin=&#8221;||||false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|0px||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_border_color__hover=&#8221;#15022A&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][dipi_button_grid_child button_id=&#8221;Download&#8221; button_text=&#8221;Download&#8221; button_link=&#8221;https:\/\/www.divi-pixel.com\/downloads\/Filterable-Grid-Demo-03.json&#8221; module_class=&#8221;dp_download&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#FF4200&#8243; button_border_color=&#8221;#FF4200&#8243; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;on&#8221; button_icon=&#8221;&#xe004;||divi||400&#8243; button_icon_placement=&#8221;left&#8221; button_on_hover=&#8221;off&#8221; button_custom_margin=&#8221;|||0px|false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover=&#8221;rgba(255,66,0,0.85)&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_border_color__hover=&#8221;rgba(255,66,0,0)&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][\/dipi_button_grid][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;85%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1290px&#8221; custom_padding=&#8221;0px||0px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#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; theme_builder_area=&#8221;post_content&#8221;][et_pb_blurb title=&#8221;Overlay Effects&#8221; icon_placement=&#8221;left&#8221; content_max_width=&#8221;792px&#8221; content_max_width_tablet=&#8221;496px&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.18.0&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;16px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#15022a&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.2em&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||10px||false|false&#8221; custom_padding=&#8221;|||0px|false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; body_font_size_tablet=&#8221;&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_blurb_title=&#8221;margin-top:10px !important;&#8221; border_color_all_image=&#8221;#ffffff&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Add stunning overlay effects[\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.18.0&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;707px&#8221; max_width_tablet=&#8221;100%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||60px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;|40px||15px|false|false&#8221; custom_padding_tablet=&#8221;|||15px|false|false&#8221; custom_padding_phone=&#8221;|40px||15px|false|false&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; text_font_size_tablet=&#8221;17px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]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=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1600px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_filterable_grid select_post_type=&#8221;layouts&#8221; select_custom_tax=&#8221;category&#8221; include_term_ids_of_category=&#8221;84,87,86,85&#8243; filter_tab_alignment=&#8221;center&#8221; show_all_filter=&#8221;off&#8221; grid_layout=&#8221;grid&#8221; columns=&#8221;3&#8243; row_height=&#8221;350px&#8221; gutter=&#8221;60&#8243; grid_animation=&#8221;zoomInShort&#8221; fix_lazy=&#8221;on&#8221; image_animation=&#8221;zoom-in&#8221; image_animation_speed=&#8221;2000ms&#8221; use_post_link=&#8221;on&#8221; use_overlay=&#8221;on&#8221; overlay_align_horizontal=&#8221;flex-end&#8221; overlay_align_vertical=&#8221;flex-start&#8221; icon_animation=&#8221;fadeInDown&#8221; icon_speed=&#8221;300ms&#8221; overlay_bg_color=&#8221;rgba(255,255,255,0)&#8221; overlay_icon_color=&#8221;#FFFFFF&#8221; overlay_icon_circle_color=&#8221;rgba(0,0,0,0.35)&#8221; overlay_icon_circle_padding=&#8221;20px|20px|20px|20px|false|false&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;20px&#8221; space_tabs=&#8221;1px&#8221; filter_bar_max_width=&#8221;685px&#8221; filter_bar_margin=&#8221;0px|auto|40px|auto|false|false&#8221; filter_bar_padding=&#8221;20px|10px|20px|10px|false|false&#8221; filter_bar_background_color=&#8221;#FFFFFF&#8221; overlay_padding=&#8221;0px|0px|0px|0px|false|false&#8221; filter_bar_item_padding=&#8221;15px|25px|15px|25px|false|false&#8221; filter_bar_item_padding_active=&#8221;15px|25px|15px|25px|false|false&#8221; filter_bar_item_background_color=&#8221;#FFFFFF&#8221; filter_bar_item_background_color_active=&#8221;RGBA(255,255,255,0)&#8221; filter_bar_item_width=&#8221;160px&#8221; filter_bar_item_width_active=&#8221;160px&#8221; grid_item_background_color=&#8221;#FFFFFF&#8221; columns_tablet=&#8221;1&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; overlay_icon_font_size_tablet=&#8221;16px&#8221; overlay_icon_font_size_phone=&#8221;16px&#8221; overlay_icon_font_size_last_edited=&#8221;on|phone&#8221; space_tabs_tablet=&#8221;10px&#8221; space_tabs_phone=&#8221;10px&#8221; space_tabs_last_edited=&#8221;on|tablet&#8221; filter_bar_item_width_tablet=&#8221;150px&#8221; filter_bar_item_width_phone=&#8221;150px&#8221; filter_bar_item_width_last_edited=&#8221;on|tablet&#8221; filter_bar_item_width_active_tablet=&#8221;150px&#8221; filter_bar_item_width_active_phone=&#8221;150px&#8221; filter_bar_item_width_active_last_edited=&#8221;on|tablet&#8221; module_class=&#8221;fg_demo&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; filter_bar_normal_font=&#8221;|||on|||||&#8221; filter_bar_normal_text_align=&#8221;center&#8221; filter_bar_normal_text_color=&#8221;rgba(21,2,42,0.4)&#8221; filter_bar_normal_font_size=&#8221;13px&#8221; filter_bar_normal_letter_spacing=&#8221;1px&#8221; filter_bar_active_font=&#8221;|||on|||||&#8221; filter_bar_active_text_align=&#8221;center&#8221; filter_bar_active_text_color=&#8221;#FFFFFF&#8221; filter_bar_active_font_size=&#8221;13px&#8221; filter_bar_active_letter_spacing=&#8221;1px&#8221; min_height=&#8221;780px&#8221; filter_saturate=&#8221;110%&#8221; mix_blend_mode=&#8221;overlay&#8221; custom_css_grid_item=&#8221;opacity: 0.9;||filter: grayscale(70%);&#8221; custom_css_overlay_icon=&#8221;border-radius: 0px;||backdrop-filter: blur(3px);||&#8221; border_color_all_grid_item=&#8221;RGBA(255,255,255,0)&#8221; box_shadow_style_filter_bar=&#8221;preset3&#8243; box_shadow_color_filter_bar=&#8221;rgba(51,0,13,0.07)&#8221; box_shadow_style_filter_bar_item=&#8221;preset7&#8243; box_shadow_horizontal_filter_bar_item=&#8221;0px&#8221; box_shadow_vertical_filter_bar_item=&#8221;0px&#8221; box_shadow_color_filter_bar_item=&#8221;#FFFFFF&#8221; box_shadow_style_filter_bar_item_active=&#8221;preset7&#8243; box_shadow_horizontal_filter_bar_item_active=&#8221;0px&#8221; box_shadow_vertical_filter_bar_item_active=&#8221;-60px&#8221; box_shadow_color_filter_bar_item_active=&#8221;#000000&#8243; box_shadow_style_images=&#8221;preset3&#8243; box_shadow_blur_images=&#8221;49px&#8221; box_shadow_color_images=&#8221;rgba(0,16,63,0.24)&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color__hover_enabled=&#8221;on|desktop&#8221; overlay_bg_color__hover=&#8221;rgba(255,255,255,0)&#8221; overlay_bg_enable_color__hover=&#8221;on&#8221; filter_bar_normal_text_color__hover_enabled=&#8221;on|hover&#8221; filter_bar_normal_text_color__hover=&#8221;#0a0000&#8243; border_color_bottom_filter_bar_item__hover_enabled=&#8221;on|hover&#8221; border_color_bottom_filter_bar_item__hover=&#8221;rgba(21,2,42,0.13)&#8221; overlay_icon_circle_color__hover_enabled=&#8221;on|hover&#8221; overlay_icon_circle_color__hover=&#8221;rgba(0,0,0,0.5)&#8221; custom_css_grid_item__hover_enabled=&#8221;on|hover&#8221; custom_css_grid_item__hover=&#8221;opacity: 1;||filter: grayscale(10%);||filter: contrast(110%);&#8221; filter_bar_active_text_color__hover_enabled=&#8221;on|hover&#8221; filter_bar_active_text_color__hover=&#8221;#FFFFFF&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_filterable_grid][et_pb_code _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<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][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Filterable Grid Demo 4&#8243; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;rgba(46,175,0,0)&#8221; background_enable_image=&#8221;off&#8221; custom_padding=&#8221;0px||50px||false|false&#8221; custom_padding_tablet=&#8221;0px||100px||false|false&#8221; custom_padding_phone=&#8221;0px||140px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row module_class=&#8221;demo_row&#8221; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid flex_direction=&#8221;row&#8221; justify_content=&#8221;flex-start&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid_child button_id=&#8221;Demo&#8221; button_text=&#8221;Demo 4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#15022A&#8221; button_border_color=&#8221;#15022A&#8221; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;off&#8221; button_custom_margin=&#8221;||||false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|0px||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_border_color__hover=&#8221;#15022A&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][dipi_button_grid_child button_id=&#8221;Download&#8221; button_text=&#8221;Download&#8221; button_link=&#8221;https:\/\/www.divi-pixel.com\/downloads\/Filterable-Grid-Demo-04.json&#8221; module_class=&#8221;dp_download&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#FF4200&#8243; button_border_color=&#8221;#FF4200&#8243; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;on&#8221; button_icon=&#8221;&#xe004;||divi||400&#8243; button_icon_placement=&#8221;left&#8221; button_on_hover=&#8221;off&#8221; button_custom_margin=&#8221;|||0px|false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover=&#8221;rgba(255,66,0,0.85)&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_border_color__hover=&#8221;rgba(255,66,0,0)&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][\/dipi_button_grid][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;0px|0px|0px|0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#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; theme_builder_area=&#8221;post_content&#8221;][et_pb_blurb title=&#8221;One module &#8211; unlimited possibilities&#8221; icon_placement=&#8221;left&#8221; content_max_width=&#8221;864px&#8221; content_max_width_tablet=&#8221;496px&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;16px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#15022a&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.2em&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||20px|0px|false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; body_font_size_tablet=&#8221;&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_blurb_title=&#8221;margin-top:10px !important;&#8221; border_color_all_image=&#8221;#ffffff&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Filter CPT in Divi with ease\r[\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.19.4&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.5)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;707px&#8221; max_width_tablet=&#8221;100%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||60px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;|40px||15px|false|false&#8221; custom_padding_tablet=&#8221;|||15px|false|false&#8221; custom_padding_phone=&#8221;|40px||15px|false|false&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; text_font_size_tablet=&#8221;17px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Want to show filtered reviews from your customers? No problem! The Divi Pixel Filterable Grid can display testimonials in a beautiful way.\r[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.6&#8243; _module_preset=&#8221;default&#8221; width=&#8221;85%&#8221; max_width=&#8221;1400px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_filterable_grid select_post_type=&#8221;dipi_testimonial&#8221; select_custom_tax=&#8221;testimonial_cat&#8221; include_term_ids_of_testimonial_cat=&#8221;47,48,77&#8243; pagination_type=&#8221;load_more&#8221; posts_per_page=&#8221;9&#8243; post_orderby=&#8221;date_asc&#8221; filter_tab_alignment=&#8221;center&#8221; show_all_filter=&#8221;off&#8221; columns=&#8221;3&#8243; gutter=&#8221;40&#8243; grid_animation=&#8221;fadeInUpShort&#8221; fix_lazy=&#8221;on&#8221; image_animation_speed=&#8221;1000ms&#8221; show_post_title=&#8221;on&#8221; show_post_excerpt=&#8221;on&#8221; enable_html_on_grid=&#8221;on&#8221; excerpt_length=&#8221;20000&#8243; show_lightbox=&#8221;off&#8221; space_tabs=&#8221;10px&#8221; pagination_btn_padding=&#8221;10px|19px|10px|19px|false|false&#8221; pagination_active_btn_padding=&#8221;10px|20px|10px|20px|false|false&#8221; load_more_padding=&#8221;12px|30px|12px|30px|false|false&#8221; pagination_btn_bg_color=&#8221;rgba(21,2,42,0.02)&#8221; pagination_active_btn_bg_color=&#8221;#000000&#8243; load_more_bg_color=&#8221;#0a0a0a&#8221; filter_bar_margin=&#8221;0px|0px||0px|false|false&#8221; filter_bar_padding=&#8221;0px|0px|40px|0px|false|false&#8221; filter_bar_item_padding=&#8221;15px|30px|15px|30px|false|false&#8221; filter_bar_item_padding_active=&#8221;15px|30px|15px|30px|false|false&#8221; filter_bar_item_background_color=&#8221;rgba(21,2,42,0.04)&#8221; filter_bar_item_background_color_active=&#8221;#15022A&#8221; filter_bar_item_width=&#8221;180px&#8221; filter_bar_item_width_active=&#8221;180px&#8221; grid_margin=&#8221;|0px|0px|0px|false|false&#8221; grid_padding=&#8221;|0px|0px|0px|false|false&#8221; grid_item_background_color=&#8221;#fafafb&#8221; grid_item_title_margin=&#8221;20px|10px|10px|10px|false|false&#8221; grid_item_excerpt_padding=&#8221;0px||0px||false|false&#8221; post_count_tablet=&#8221;9&#8243; post_count_phone=&#8221;4&#8243; post_count_last_edited=&#8221;on|phone&#8221; columns_tablet=&#8221;2&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; filter_bar_item_width_tablet=&#8221;180px&#8221; filter_bar_item_width_phone=&#8221;100%&#8221; filter_bar_item_width_last_edited=&#8221;on|phone&#8221; filter_bar_item_width_active_tablet=&#8221;180px&#8221; filter_bar_item_width_active_phone=&#8221;100%&#8221; filter_bar_item_width_active_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.21.0&#8243; _module_preset=&#8221;default&#8221; header_6_font=&#8221;|700|||||||&#8221; header_6_text_color=&#8221;#15022A&#8221; header_6_font_size=&#8221;18px&#8221; header_6_line_height=&#8221;1.4em&#8221; pagination_btn_normal_font=&#8221;|300||on|||||&#8221; pagination_btn_normal_text_color=&#8221;rgba(21,2,42,0.5)&#8221; pagination_btn_normal_font_size=&#8221;13px&#8221; pagination_btn_normal_letter_spacing=&#8221;1px&#8221; pagination_btn_active_text_color=&#8221;#FFFFFF&#8221; load_more_font=&#8221;|||on|||||&#8221; load_more_text_color=&#8221;#FFFFFF&#8221; load_more_font_size=&#8221;11px&#8221; load_more_letter_spacing=&#8221;1px&#8221; filter_bar_normal_font=&#8221;|||on|||||&#8221; filter_bar_normal_text_align=&#8221;center&#8221; filter_bar_normal_text_color=&#8221;#15022A&#8221; filter_bar_normal_font_size=&#8221;13px&#8221; filter_bar_normal_letter_spacing=&#8221;1px&#8221; filter_bar_active_font=&#8221;Poppins|||on|||||&#8221; filter_bar_active_text_align=&#8221;center&#8221; filter_bar_active_text_color=&#8221;#FFFFFF&#8221; filter_bar_active_font_size=&#8221;13px&#8221; filter_bar_active_letter_spacing=&#8221;1px&#8221; grid_item_title_font=&#8221;Poppins|300||on|||||&#8221; grid_item_title_text_align=&#8221;center&#8221; grid_item_title_text_color=&#8221;rgba(21,2,42,0.4)&#8221; grid_item_title_font_size=&#8221;15px&#8221; grid_item_excerpt_font=&#8221;Poppins|300|on||||||&#8221; grid_item_excerpt_text_align=&#8221;center&#8221; grid_item_excerpt_font_size=&#8221;15px&#8221; grid_item_excerpt_line_height=&#8221;1.8em&#8221; min_height=&#8221;800px&#8221; grid_item_title_font_size_tablet=&#8221;18px&#8221; grid_item_title_font_size_phone=&#8221;16px&#8221; grid_item_title_font_size_last_edited=&#8221;on|phone&#8221; grid_item_excerpt_font_size_tablet=&#8221;15px&#8221; grid_item_excerpt_font_size_phone=&#8221;13px&#8221; grid_item_excerpt_font_size_last_edited=&#8221;on|phone&#8221; custom_css_grid_item=&#8221;padding: 30px;&#8221; custom_css_grid_item_img=&#8221;border-radius: 100%;||max-width: 80px;||margin: auto;&#8221; border_radii_pagination_btn_normal=&#8221;on|100px|100px|100px|100px&#8221; border_width_all_pagination_btn_normal=&#8221;1px&#8221; border_color_all_pagination_btn_normal=&#8221;rgba(21,2,42,0.06)&#8221; border_width_all_pagination_btn_active=&#8221;1px&#8221; border_color_all_pagination_btn_active=&#8221;#000000&#8243; border_radii_load_more=&#8221;on|100px|100px|100px|100px&#8221; border_radii_filter_bar_item=&#8221;on|100px|100px|100px|100px&#8221; border_radii_grid_item=&#8221;on|10px|10px|10px|10px&#8221; border_width_all_grid_item=&#8221;1px&#8221; border_color_all_grid_item=&#8221;rgba(21,2,42,0.03)&#8221; global_colors_info=&#8221;{}&#8221; custom_css_grid_item__hover_enabled=&#8221;on|hover&#8221; custom_css_grid_item__hover=&#8221;transform: scale(1.02);&#8221; pagination_btn_normal_text_color__hover_enabled=&#8221;on|hover&#8221; pagination_btn_normal_text_color__hover=&#8221;#000000&#8243; pagination_btn_active_text_color__hover_enabled=&#8221;on|desktop&#8221; pagination_btn_active_text_color__hover=&#8221;#FFFFFF&#8221; load_more_bg_color__hover_enabled=&#8221;on|hover&#8221; load_more_bg_color__hover=&#8221;rgba(0,0,0,0.7)&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_filterable_grid][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; admin_label=&#8221;Filterable Grid Demo 5&#8243; _builder_version=&#8221;4.23.2&#8243; background_color=&#8221;rgba(21,2,42,0.3)&#8221; background_image=&#8221;https:\/\/www.fastudio.my\/wp-content\/uploads\/2024\/10\/pattern-200.png&#8221; custom_padding=&#8221;0px||100px||false|false&#8221; custom_padding_tablet=&#8221;0px||100px||false|false&#8221; custom_padding_phone=&#8221;0px||60px||false|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221; transform_styles__hover_enabled=&#8221;off|desktop&#8221; transform_scale__hover_enabled=&#8221;off|desktop&#8221; transform_translate__hover_enabled=&#8221;off|desktop&#8221; transform_rotate__hover_enabled=&#8221;off|desktop&#8221; transform_skew__hover_enabled=&#8221;off|desktop&#8221; transform_origin__hover_enabled=&#8221;off|desktop&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row module_class=&#8221;demo_row&#8221; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; module_alignment=&#8221;left&#8221; custom_margin=&#8221;||40px||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.1&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid flex_direction=&#8221;row&#8221; justify_content=&#8221;flex-start&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_button_grid_child button_id=&#8221;Demo&#8221; button_text=&#8221;Demo 5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#15022A&#8221; button_border_color=&#8221;#15022A&#8221; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;off&#8221; button_custom_margin=&#8221;||||false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|0px||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_border_color__hover=&#8221;#15022A&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][dipi_button_grid_child button_id=&#8221;Download&#8221; button_text=&#8221;Download&#8221; button_link=&#8221;https:\/\/www.divi-pixel.com\/downloads\/Filterable-Grid-Demo-05.json&#8221; module_class=&#8221;dp_download&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_size=&#8221;14px&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_color=&#8221;#FF4200&#8243; button_border_color=&#8221;#FF4200&#8243; button_border_radius=&#8221;0px&#8221; button_font=&#8221;Poppins||||||||&#8221; button_use_icon=&#8221;on&#8221; button_icon=&#8221;&#xe004;||divi||400&#8243; button_icon_placement=&#8221;left&#8221; button_on_hover=&#8221;off&#8221; button_custom_margin=&#8221;|||0px|false|false&#8221; button_custom_padding=&#8221;10px||10px||false|false&#8221; custom_margin=&#8221;0px|||0px|false|false&#8221; global_colors_info=&#8221;{}&#8221; button_bg_color__hover=&#8221;rgba(255,66,0,0.85)&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_border_color__hover=&#8221;rgba(255,66,0,0)&#8221; button_border_color__hover_enabled=&#8221;on|hover&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_button_grid_child][\/dipi_button_grid][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.0&#8243; _module_preset=&#8221;default&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;85%&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1290px&#8221; custom_padding=&#8221;0px||0px|||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#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; theme_builder_area=&#8221;post_content&#8221;][et_pb_blurb title=&#8221;Overlay Effects&#8221; icon_placement=&#8221;left&#8221; content_max_width=&#8221;792px&#8221; content_max_width_tablet=&#8221;496px&#8221; content_max_width_phone=&#8221;&#8221; content_max_width_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#ff4200&#8243; header_font_size=&#8221;16px&#8221; header_letter_spacing=&#8221;2px&#8221; body_font=&#8221;|600|||||||&#8221; body_text_color=&#8221;#FFFFFF&#8221; body_font_size=&#8221;34px&#8221; body_line_height=&#8221;1.2em&#8221; text_orientation=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||10px||false|false&#8221; custom_padding=&#8221;|||0px|false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;|||0px|false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; body_font_size_tablet=&#8221;&#8221; body_font_size_phone=&#8221;28px&#8221; body_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_blurb_title=&#8221;margin-top:10px !important;&#8221; border_color_all_image=&#8221;#ffffff&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Add stunning overlay effects[\/et_pb_blurb][et_pb_text _builder_version=&#8221;4.19.4&#8243; text_font=&#8221;|300|||||||&#8221; text_text_color=&#8221;rgba(255,255,255,0.7)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.6em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;707px&#8221; max_width_tablet=&#8221;100%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|phone&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||60px||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;|40px||15px|false|false&#8221; custom_padding_tablet=&#8221;|||15px|false|false&#8221; custom_padding_phone=&#8221;|40px||15px|false|false&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; text_font_size_tablet=&#8221;17px&#8221; text_font_size_phone=&#8221;15px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; text_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]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=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|tablet&#8221; max_width=&#8221;1600px&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_filterable_grid select_post_type=&#8221;project&#8221; select_custom_tax=&#8221;project_category&#8221; include_term_ids_of_project_category=&#8221;88,90,89,91&#8243; post_count=&#8221;6&#8243; filter_tab_alignment=&#8221;center&#8221; show_all_filter=&#8221;off&#8221; grid_layout=&#8221;grid&#8221; columns=&#8221;3&#8243; row_height=&#8221;320px&#8221; gutter=&#8221;40&#8243; grid_animation=&#8221;zoomInShort&#8221; fix_lazy=&#8221;on&#8221; image_animation=&#8221;move-up&#8221; image_animation_speed=&#8221;2000ms&#8221; use_post_link=&#8221;on&#8221; use_overlay=&#8221;on&#8221; overlay_align_vertical=&#8221;flex-end&#8221; title_in_overlay=&#8221;on&#8221; icon_speed=&#8221;300ms&#8221; overlay_bg_color=&#8221;rgba(255,255,255,0)&#8221; overlay_icon_color=&#8221;#FFFFFF&#8221; overlay_icon_circle_color=&#8221;rgba(255,255,255,0.28)&#8221; overlay_icon_circle_padding=&#8221;20px|20px|20px|20px|false|false&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;20px&#8221; space_tabs=&#8221;10px&#8221; filter_bar_margin=&#8221;0px|auto|20px|auto|false|false&#8221; filter_bar_padding=&#8221;20px|10px|20px|10px|false|false&#8221; filter_bar_background_color=&#8221;RGBA(255,255,255,0)&#8221; overlay_padding=&#8221;0px|10px|20px|10px|false|false&#8221; filter_bar_item_padding=&#8221;15px|0px|15px|0px|false|false&#8221; filter_bar_item_padding_active=&#8221;15px|0px|15px|0px|false|false&#8221; filter_bar_item_background_color=&#8221;#FFFFFF&#8221; filter_bar_item_width=&#8221;200px&#8221; filter_bar_item_width_active=&#8221;200px&#8221; grid_item_background_color=&#8221;#FFFFFF&#8221; columns_tablet=&#8221;1&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|tablet&#8221; overlay_icon_font_size_tablet=&#8221;16px&#8221; overlay_icon_font_size_phone=&#8221;16px&#8221; overlay_icon_font_size_last_edited=&#8221;on|phone&#8221; space_tabs_tablet=&#8221;10px&#8221; space_tabs_phone=&#8221;10px&#8221; space_tabs_last_edited=&#8221;on|tablet&#8221; filter_bar_item_width_tablet=&#8221;130px&#8221; filter_bar_item_width_phone=&#8221;100%&#8221; filter_bar_item_width_last_edited=&#8221;on|tablet&#8221; filter_bar_item_width_active_tablet=&#8221;130px&#8221; filter_bar_item_width_active_phone=&#8221;100%&#8221; filter_bar_item_width_active_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;Montserrat|300|||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;30px&#8221; header_letter_spacing=&#8221;1px&#8221; filter_bar_normal_font=&#8221;Montserrat|300|||||||&#8221; filter_bar_normal_text_align=&#8221;center&#8221; filter_bar_normal_text_color=&#8221;rgba(21,2,42,0.4)&#8221; filter_bar_normal_font_size=&#8221;18px&#8221; filter_bar_normal_letter_spacing=&#8221;1px&#8221; filter_bar_active_font=&#8221;Montserrat|300|||||||&#8221; filter_bar_active_text_align=&#8221;center&#8221; filter_bar_active_text_color=&#8221;#FFFFFF&#8221; filter_bar_active_font_size=&#8221;18px&#8221; filter_bar_active_letter_spacing=&#8221;1px&#8221; min_height=&#8221;780px&#8221; custom_padding=&#8221;|20px||20px|false|false&#8221; filter_saturate=&#8221;110%&#8221; mix_blend_mode=&#8221;overlay&#8221; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;24px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; filter_bar_normal_font_size_tablet=&#8221;16px&#8221; filter_bar_normal_font_size_phone=&#8221;16px&#8221; filter_bar_normal_font_size_last_edited=&#8221;on|tablet&#8221; filter_bar_active_font_size_tablet=&#8221;16px&#8221; filter_bar_active_font_size_phone=&#8221;16px&#8221; filter_bar_active_font_size_last_edited=&#8221;on|tablet&#8221; custom_css_main_element=&#8221;overflow: visible;&#8221; custom_css_overlay_icon=&#8221;backdrop-filter: blur(3px);||&#8221; border_radii_filter_bar_item=&#8221;off|30px||30px|&#8221; border_radii_filter_bar_item_active=&#8221;off|30px||30px|&#8221; border_radii_grid_item=&#8221;off|50px||50px|&#8221; border_width_all_grid_item=&#8221;4px&#8221; border_color_all_grid_item=&#8221;RGBA(255,255,255,0)&#8221; box_shadow_style_filter_bar_item_active=&#8221;preset7&#8243; box_shadow_horizontal_filter_bar_item_active=&#8221;0px&#8221; box_shadow_vertical_filter_bar_item_active=&#8221;-60px&#8221; box_shadow_color_filter_bar_item_active=&#8221;#FF4200&#8243; box_shadow_style_images=&#8221;preset3&#8243; box_shadow_blur_images=&#8221;49px&#8221; box_shadow_color_images=&#8221;rgba(0,16,63,0.24)&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color__hover_enabled=&#8221;on|hover&#8221; overlay_bg_color__hover=&#8221;rgba(255,255,255,0)&#8221; overlay_bg_enable_color__hover=&#8221;on&#8221; filter_bar_normal_text_color__hover_enabled=&#8221;on|hover&#8221; filter_bar_normal_text_color__hover=&#8221;#0a0000&#8243; border_color_bottom_filter_bar_item__hover_enabled=&#8221;on|hover&#8221; border_color_bottom_filter_bar_item__hover=&#8221;rgba(21,2,42,0.13)&#8221; overlay_icon_circle_color__hover_enabled=&#8221;on|hover&#8221; overlay_icon_circle_color__hover=&#8221;#FFFFFF&#8221; custom_css_grid_item__hover_enabled=&#8221;off|desktop&#8221; overlay_bg_color_gradient_stops__hover=&#8221;rgba(0,0,0,0) 0%|rgba(0,0,0,0.5) 100%&#8221; overlay_bg_use_color_gradient__hover=&#8221;on&#8221; overlay_icon_color__hover_enabled=&#8221;on|hover&#8221; overlay_icon_color__hover=&#8221;#15022A&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_filterable_grid][et_pb_code _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<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]\n","protected":false},"excerpt":{"rendered":"<p>Tambahkan galeri imej yang menakjubkan pada tapak web Divi anda dengan modul Galeri Boleh Penapis Divi Pixel. Tapis imej berdasarkan kategorinya dan dayakan tetapan tindanan untuk memaparkan ikon, tajuk dan kapsyen pada tetikus.<div class=\"et_pb_module dipi_button_grid dipi_button_grid_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"dipi-button-grid-container\">\n                \n            <\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module dipi_button_grid_child dipi_button_grid_child_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<a class=\"et_pb_button dipi-button-grid dipi-button-wrap\" href=\"#\">&#8221;Demo<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":26944642,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"dipi_cpt_category":[],"class_list":["post-26944446","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/comments?post=26944446"}],"version-history":[{"count":0,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944446\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944642"}],"wp:attachment":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/media?parent=26944446"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/dipi_cpt_category?post=26944446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}