{"id":89353,"date":"2021-03-22T17:50:49","date_gmt":"2021-03-22T16:50:49","guid":{"rendered":"https:\/\/undsgn.com\/uncode\/?page_id=89353"},"modified":"2025-08-25T09:43:08","modified_gmt":"2025-08-25T07:43:08","slug":"posts-module","status":"publish","type":"page","link":"https:\/\/undsgn.com\/uncode\/posts-module\/","title":{"rendered":"Posts Module"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;100&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-105898&#8243; back_image=&#8221;90242&#8243; overlay_color=&#8221;color-105898&#8243; overlay_alpha=&#8221;94&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;gradient&#8221; shape_bottom_h_use_pixel=&#8221;true&#8221; shape_bottom_height_percent=&#8221;75&#8243; shape_bottom_color=&#8221;color-jevc&#8221; shape_bottom_opacity=&#8221;60&#8243; shape_bottom_index=&#8221;0&#8243; el_class=&#8221;demo-section demo-hero&#8221; uncode_shortcode_id=&#8221;738883&#8243; back_color_type=&#8221;uncode-palette&#8221; overlay_color_type=&#8221;uncode-palette&#8221; shape_bottom_color_type=&#8221;uncode-palette&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;840&#8243;][vc_custom_heading text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]One module to rule them all[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_size=&#8221;fontsize-338686&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]The impressive Posts module of Uncode[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]The Uncode Posts module is used to\u00a0create any Post, Page, Portfolio, and Product layout. From simple grids, to carousels, to advanced Masonry and fuild Metro variations.[\/vc_column_text][vc_button size=&#8221;btn-lg&#8221; hover_fx=&#8221;full-colored&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; border_width=&#8221;0&#8243; scale_mobile=&#8221;no&#8221; link=&#8221;url:https%3A%2F%2F1.envato.market%2FQ3bJP||target:%20_blank|&#8221; el_class=&#8221;demo-button&#8221; uncode_shortcode_id=&#8221;778633&#8243;]Buy Now \u00b7 $59[\/vc_button][vc_empty_space empty_h=&#8221;5&#8243; el_class=&#8221;intro-compensate&#8221;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;0&#8243; bottom_padding=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;2&#8243; top_divider=&#8221;curve-opacity&#8221; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;video-icon-container&#8221; limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; override_padding=&#8221;yes&#8221; column_padding=&#8221;0&#8243; style=&#8221;dark&#8221; back_color=&#8221;color-nhtu&#8221; overlay_alpha=&#8221;50&#8243; shadow=&#8221;lg&#8221; shift_x=&#8221;0&#8243; shift_y=&#8221;-5&#8243; shift_y_fixed=&#8221;yes&#8221; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_single_image media=&#8221;90169&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;sixteen-nine&#8221; advanced=&#8221;yes&#8221; media_overlay_color=&#8221;color-jevc&#8221; media_overlay_opacity=&#8221;10&#8243; media_overlay_visible=&#8221;yes&#8221; media_overlay_anim=&#8221;no&#8221; media_text_anim=&#8221;no&#8221; media_image_anim=&#8221;no&#8221; media_padding=&#8221;2&#8243;][vc_icon display=&#8221;absolute-center&#8221; icon=&#8221;fa fa-play&#8221; background_style=&#8221;fa-rounded&#8221; size=&#8221;fa-3x&#8221; icon_automatic=&#8221;yes&#8221; shadow=&#8221;yes&#8221; media_lightbox=&#8221;90207&#8243; el_class=&#8221;intro-icon&#8221; uncode_shortcode_id=&#8221;112928&#8243;][\/vc_icon][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;0&#8243; equal_height=&#8221;yes&#8221; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;gradient&#8221; shape_bottom_h_use_pixel=&#8221;true&#8221; shape_bottom_height_percent=&#8221;100&#8243; shape_bottom_color=&#8221;color-xsdn&#8221; shape_bottom_opacity=&#8221;100&#8243; shape_bottom_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;4&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243;][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;4&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]The Build Query[\/vc_custom_heading][vc_column_text]With the Build Query options you can display posts and contents from different sources using different parameters and settings.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Massive design options[\/vc_custom_heading][vc_column_text]The Posts module is powered with 100+ options that can be combined at your wish to suit any possible and impossible layout need.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Impressive grid layouts[\/vc_custom_heading][vc_column_text]Freedom to create custom layouts with different\u00a0methods and options: from Masonry, to Fit Rows, to Cell by Row, Vertical, and Packery.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner row_inner_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;100&#8243; gutter_size=&#8221;4&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; limit_content=&#8221;&#8221;][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Attractive carousels[\/vc_custom_heading][vc_column_text]Uncode Carousels are an attractive way to present relevant content in a small space with a functional and captivating layout.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;100&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]Single variations[\/vc_custom_heading][vc_column_text]Thanks to the \u2018Post ID\u2019 and \u2018Matrix\u2019 options of the Posts module, it\u2019s possible to create incredible custom grid and advanced layouts.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_width_percent=&#8221;100&#8243; gutter_size=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;2&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;1\/3&#8243;][vc_custom_heading heading_semantic=&#8221;h3&#8243; text_size=&#8221;h4&#8243; el_class=&#8221;demo-heading&#8221;]The Taxonomy Query[\/vc_custom_heading][vc_column_text]With the unique Taxonomy Query, it&#8217;s possible to display, with all the Posts module options, a list of your categories and taxonomies.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-wayh&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; top_divider=&#8221;step&#8221; bottom_divider=&#8221;gradient&#8221; el_class=&#8221;demo-section demo-dark-background&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;4&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;960&#8243;][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;403404&#8243;]Posts Module Examples[\/vc_custom_heading][uncode_index el_id=&#8221;index-8989138976&#8243; index_type=&#8221;carousel&#8221; loop=&#8221;size:All|order_by:date|post_type:page|by_id:101328,79828,54932,54911,44835,4925,4894,4835,90050|taxonomy_count:10&#8243; carousel_lg=&#8221;1&#8243; carousel_md=&#8221;1&#8243; carousel_sm=&#8221;1&#8243; thumb_size=&#8221;three-two&#8221; gutter_size=&#8221;6&#8243; carousel_v_align=&#8221;middle&#8221; carousel_interval=&#8221;0&#8243; carousel_navspeed=&#8221;700&#8243; carousel_loop=&#8221;yes&#8221; carousel_overflow=&#8221;yes&#8221; carousel_dots=&#8221;yes&#8221; carousel_dots_space=&#8221;yes&#8221; carousel_dots_mobile=&#8221;yes&#8221; carousel_pointer_events=&#8221;yes&#8221; stage_padding=&#8221;0&#8243; single_style=&#8221;dark&#8221; single_shape=&#8221;round&#8221; radius=&#8221;xs&#8221; single_overlay_opacity=&#8221;50&#8243; single_overlay_anim=&#8221;no&#8221; single_text_anim=&#8221;no&#8221; single_image_anim=&#8221;no&#8221; single_h_align=&#8221;center&#8221; single_padding=&#8221;2&#8243; single_title_dimension=&#8221;fontsize-160000&#8243; single_shadow=&#8221;yes&#8221; shadow_weight=&#8221;lg&#8221; shadow_darker=&#8221;yes&#8221; single_border=&#8221;yes&#8221; custom_order=&#8221;yes&#8221; el_class=&#8221;demo-showcase&#8221; uncode_shortcode_id=&#8221;176306&#8243; order_ids=&#8221;101328,44835,79828,4925,54911,54932,4894,90050,4835&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99797&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-triple&#8221; uncode_shortcode_id=&#8221;157523&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;110529&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;221749&#8243;][vc_single_image media=&#8221;130303&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;518687&#8243;][vc_single_image media=&#8221;99845&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;180073&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]The Build Query[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Select your query source with dozen of settings[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]With the Build Query options you can display posts and contents from different sources using different parameters and settings.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; link=&#8221;target:_blank&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; media_lightbox=&#8221;90207&#8243;]Watch the video[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]The Posts Thumbnails[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Full control over your thumbnails design[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]The Uncode Posts module is powered with 100+ options that can be combined at your wish to suit any possible and impossible layout need.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; media_lightbox=&#8221;90206&#8243;]Watch the video[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-inverted&#8221; uncode_shortcode_id=&#8221;176844&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;129989&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;975118&#8243;][vc_single_image media=&#8221;99688&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;164266&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card&#8221; uncode_shortcode_id=&#8221;651233&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;129549&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;160279&#8243;][vc_single_image media=&#8221;99617&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;200487&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Posts and Gallery Grids[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]From simple to advanced feature-rich Grid layouts[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]Freedom to create custom layouts with different\u00a0methods and options: from Masonry, to Fit Rows, to Cell by Row, Vertical, and Packery.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; media_lightbox=&#8221;90209&#8243;]Watch the video[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Posts and Gallery Carousels[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Show off your contents with a sleek Carousel[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]Uncode Carousels are an attractive way to present relevant content in a small space with a functional and captivating layout.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; media_lightbox=&#8221;90210&#8243;]Watch the video[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99797&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-triple&#8221; uncode_shortcode_id=&#8221;212389&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;99623&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;148735&#8243;][vc_single_image media=&#8221;130292&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;192890&#8243;][vc_single_image media=&#8221;99649&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;134241&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-triple&#8221; uncode_shortcode_id=&#8221;206675&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;153594&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;422362&#8243;][vc_single_image media=&#8221;110527&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;193704&#8243;][vc_single_image media=&#8221;110546&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;399130&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221; uncode_shortcode_id=&#8221;225177&#8243; text_color_type=&#8221;uncode-palette&#8221;]Patterns[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;298930&#8243;]Create procedural layouts with custom Patterns[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;144300&#8243;]With the custom Pattern you can create modern and creative procedural grid layouts based on a Content Block with no limits on creativity.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; uncode_shortcode_id=&#8221;136458&#8243; link=&#8221;url:https%3A%2F%2Fundsgn.com%2Funcode%2Ffeatures%2Fposts-pattern%2F|title:Posts%20Pattern&#8221;]Check examples[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-105898&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; enable_bottom_divider=&#8221;default&#8221; bottom_divider=&#8221;gradient&#8221; shape_bottom_h_use_pixel=&#8221;true&#8221; shape_bottom_height_percent=&#8221;50&#8243; shape_bottom_color=&#8221;color-210407&#8243; shape_bottom_opacity=&#8221;100&#8243; shape_bottom_index=&#8221;0&#8243; el_class=&#8221;demo-section demo-hero&#8221; uncode_shortcode_id=&#8221;117184&#8243; back_color_type=&#8221;uncode-palette&#8221; shape_bottom_color_type=&#8221;uncode-palette&#8221;][vc_column column_width_use_pixel=&#8221;yes&#8221; position_vertical=&#8221;middle&#8221; align_horizontal=&#8221;align_center&#8221; gutter_size=&#8221;3&#8243; style=&#8221;dark&#8221; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; zoom_width=&#8221;0&#8243; zoom_height=&#8221;0&#8243; width=&#8221;1\/1&#8243; column_width_pixel=&#8221;840&#8243;][vc_custom_heading text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]Powered with Dynamic Options[\/vc_custom_heading][vc_custom_heading heading_semantic=&#8221;h1&#8243; text_size=&#8221;fontsize-155944&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Custom Category templates with the Posts Module[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]Using the beloved Posts module, combined with the Dynamic Options, it&#8217;s possible to create custom categories and archives templates in just a few and simple clicks.[\/vc_column_text][vc_button custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; border_width=&#8221;0&#8243; scale_mobile=&#8221;no&#8221; link=&#8221;url:https%3A%2F%2Fundsgn.com%2Funcode%2Fdynamic-contents%2F|title:Dynamic%20Contents&#8221; el_class=&#8221;demo-button btn-lg&#8221;]Discover More[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-triple&#8221; uncode_shortcode_id=&#8221;169541&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;103241&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;155355&#8243;][vc_single_image media=&#8221;103240&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;181956&#8243;][vc_single_image media=&#8221;102773&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;736271&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221; uncode_shortcode_id=&#8221;141089&#8243; text_color_type=&#8221;uncode-palette&#8221;]The Titles layout[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;120715&#8243;]Interactive Titles mode for demanding designers[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;131039&#8243;]The Titles layout is a modern design approach for displaying your Post Types, blog, portfolio, products, or any other custom Post Type.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; link=&#8221;url:https%3A%2F%2Fundsgn.com%2Funcode%2Ffeatures%2Fposts-titles%2F|title:Portfolio%20Titles&#8221; uncode_shortcode_id=&#8221;462293&#8243;]Check examples[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221; uncode_shortcode_id=&#8221;107590&#8243; text_color_type=&#8221;uncode-palette&#8221;]The Table layout[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;126511&#8243;]Clean and organised Table layouts of your CPT[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;180344&#8243;]The Table layout is a clean, minimalist, and modern approach to presenting your Post Type with organised variations.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; uncode_shortcode_id=&#8221;129562&#8243; link=&#8221;url:https%3A%2F%2Fundsgn.com%2Funcode%2Ffeatures%2Fposts-table%2F|title:Blog%20List&#8221;]Check examples[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99797&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-inverted&#8221; uncode_shortcode_id=&#8221;131174&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;103239&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;971645&#8243;][vc_single_image media=&#8221;117686&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;154681&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card&#8221; uncode_shortcode_id=&#8221;182577&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;129827&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;153122&#8243;][vc_single_image media=&#8221;99696&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image&#8221; uncode_shortcode_id=&#8221;166548&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]The Posts Single Variations[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Amazing custom designs with the Single variations[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]Thanks to the \u2018Post ID\u2019 and \u2018Matrix\u2019 options of the Posts module, it\u2019s possible to create incredible custom grid and advanced layouts.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; media_lightbox=&#8221;90211&#8243;]Watch the video[\/vc_button][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-xsdn&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; inverted_device_order=&#8221;yes&#8221; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221;]The Taxonomy Query[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221;]Design categories and taxonomy listings[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221;]With the unique Taxonomy Query, it&#8217;s possible to display, with all the Posts module options, a list of your categories and taxonomies.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; media_lightbox=&#8221;90213&#8243;]Watch the video[\/vc_button][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card image-card-inverted&#8221; uncode_shortcode_id=&#8221;246147&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;99849&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-first&#8221; uncode_shortcode_id=&#8221;404999&#8243;][vc_single_image media=&#8221;99843&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;674059&#8243;][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;5&#8243; bottom_padding=&#8221;5&#8243; back_color=&#8221;color-lxmt&#8221; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;4&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; el_class=&#8221;demo-section&#8221;][vc_column column_width_percent=&#8221;100&#8243; gutter_size=&#8221;3&#8243; back_image=&#8221;99798&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;7\/12&#8243; el_class=&#8221;image-card&#8221; uncode_shortcode_id=&#8221;103936&#8243; back_size=&#8221;100%&#8221;][vc_single_image media=&#8221;110529&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;101604&#8243;][vc_single_image media=&#8221;110526&#8243; media_width_percent=&#8221;100&#8243; media_ratio=&#8221;three-two&#8221; alignment=&#8221;right&#8221; shadow=&#8221;yes&#8221; shadow_weight=&#8221;std&#8221; el_class=&#8221;demo-image demo-image-group-secondary&#8221; uncode_shortcode_id=&#8221;109623&#8243;][\/vc_column][vc_column column_width_percent=&#8221;100&#8243; position_horizontal=&#8221;left&#8221; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; align_medium=&#8221;align_center_tablet&#8221; medium_width=&#8221;0&#8243; align_mobile=&#8221;align_center_mobile&#8221; mobile_width=&#8221;0&#8243; width=&#8221;5\/12&#8243;][vc_custom_heading text_color=&#8221;color-210407&#8243; text_size=&#8221;fontsize-160000&#8243; el_class=&#8221;demo-subtitle&#8221; uncode_shortcode_id=&#8221;459028&#8243; text_color_type=&#8221;uncode-palette&#8221;]Sticky Scroll[\/vc_custom_heading][vc_custom_heading text_size=&#8221;h1&#8243; sub_lead=&#8221;yes&#8221; sub_reduced=&#8221;yes&#8221; el_class=&#8221;demo-heading&#8221; uncode_shortcode_id=&#8221;164268&#8243;]Jaw-dropping horizontal scroll-based animations[\/vc_custom_heading][vc_column_text text_lead=&#8221;yes&#8221; el_class=&#8221;demo-lead-text&#8221; uncode_shortcode_id=&#8221;170300&#8243;]With Sticky Scroll the standard vertical scroll of the content is interrupted, and a horizontal scroll is automatically triggered.[\/vc_column_text][vc_button size=&#8221;btn-link&#8221; custom_typo=&#8221;yes&#8221; font_family=&#8221;font-377884&#8243; font_weight=&#8221;700&#8243; scale_mobile=&#8221;no&#8221; el_class=&#8221;demo-button btn-lg additional&#8221; icon=&#8221;fa fa-play-circle&#8221; uncode_shortcode_id=&#8221;988919&#8243; link=&#8221;url:https%3A%2F%2Fundsgn.com%2Funcode%2Ffeatures%2Fposts-sticky-scroll%2F|title:Posts%20Sticky%20Scroll&#8221;]Check examples[\/vc_button][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][uncode_block id=&#8221;97741&#8243;][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Uncode Posts module is used to create any Post, Page, Portfolio, and Product layout. From simple grids, to carousels, to advanced Masonry and fuild Metro variations.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-89353","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Posts Module - Uncode<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/undsgn.com\/uncode\/posts-module\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Posts Module - Uncode\" \/>\n<meta property=\"og:description\" content=\"The Uncode Posts module is used to create any Post, Page, Portfolio, and Product layout. From simple grids, to carousels, to advanced Masonry and fuild Metro variations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/undsgn.com\/uncode\/posts-module\/\" \/>\n<meta property=\"og:site_name\" content=\"Uncode\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-25T07:43:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/undsgn.com\/uncode\/wp-content\/uploads\/2024\/05\/uncode-multiuse-woocommerce-wordpress-theme.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Posts Module - Uncode","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/undsgn.com\/uncode\/posts-module\/","og_locale":"en_US","og_type":"article","og_title":"Posts Module - Uncode","og_description":"The Uncode Posts module is used to create any Post, Page, Portfolio, and Product layout. From simple grids, to carousels, to advanced Masonry and fuild Metro variations.","og_url":"https:\/\/undsgn.com\/uncode\/posts-module\/","og_site_name":"Uncode","article_modified_time":"2025-08-25T07:43:08+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/undsgn.com\/uncode\/wp-content\/uploads\/2024\/05\/uncode-multiuse-woocommerce-wordpress-theme.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/undsgn.com\/uncode\/posts-module\/","url":"https:\/\/undsgn.com\/uncode\/posts-module\/","name":"Posts Module - Uncode","isPartOf":{"@id":"https:\/\/undsgn.com\/uncode\/#website"},"datePublished":"2021-03-22T16:50:49+00:00","dateModified":"2025-08-25T07:43:08+00:00","breadcrumb":{"@id":"https:\/\/undsgn.com\/uncode\/posts-module\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/undsgn.com\/uncode\/posts-module\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/undsgn.com\/uncode\/posts-module\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/undsgn.com\/uncode\/"},{"@type":"ListItem","position":2,"name":"Posts Module"}]},{"@type":"WebSite","@id":"https:\/\/undsgn.com\/uncode\/#website","url":"https:\/\/undsgn.com\/uncode\/","name":"Uncode","description":"Creative Multiuse &amp; WooCommerce WordPress Theme","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/undsgn.com\/uncode\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages\/89353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/comments?post=89353"}],"version-history":[{"count":0,"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/pages\/89353\/revisions"}],"wp:attachment":[{"href":"https:\/\/undsgn.com\/uncode\/wp-json\/wp\/v2\/media?parent=89353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}