{"id":2271,"date":"2021-03-22T05:12:12","date_gmt":"2021-03-22T05:12:12","guid":{"rendered":"https:\/\/docs.zozothemes.com\/cea\/2021\/03\/22\/contact-info-copy\/"},"modified":"2025-04-17T07:18:04","modified_gmt":"2025-04-17T07:18:04","slug":"image-grid","status":"publish","type":"post","link":"https:\/\/docs.zozothemes.com\/cea\/image-grid\/","title":{"rendered":"Image Grid"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2271\" class=\"elementor elementor-2271\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6afb786 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6afb786\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4a10fb9\" data-id=\"4a10fb9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c35411 elementor-widget elementor-widget-text-editor\" data-id=\"2c35411\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tThis shortcode used for to display Image grids \/ Clients \/ Clients sliders\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c9af6c elementor-widget elementor-widget-video\" data-id=\"9c9af6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/docs.zozothemes.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/banner-new.png&quot;,&quot;id&quot;:10220,&quot;size&quot;:&quot;&quot;},&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-1.webm\" autoplay=\"\" loop=\"\" controls=\"\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/banner-new-1.png);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-play\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a4a7ad8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a4a7ad8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-2bc058b\" data-id=\"2bc058b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0437acd elementor-widget elementor-widget-image\" data-id=\"0437acd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"280\" height=\"338\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-.1-1.jpeg\" class=\"attachment-full size-full wp-image-2339\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-.1-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-.1-1-249x300.jpeg 249w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-645018b elementor-widget elementor-widget-image\" data-id=\"645018b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"280\" height=\"457\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/event-7-1.jpeg\" class=\"attachment-full size-full wp-image-2121\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/event-7-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/event-7-1-184x300.jpeg 184w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecf44d9 elementor-widget elementor-widget-image\" data-id=\"ecf44d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"280\" height=\"313\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-3-1.jpeg\" class=\"attachment-full size-full wp-image-2336\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-3-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-3-1-268x300.jpeg 268w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c01b34 elementor-widget elementor-widget-image\" data-id=\"5c01b34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"348\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-5-1.jpeg\" class=\"attachment-full size-full wp-image-2338\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-5-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-5-1-241x300.jpeg 241w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6330453\" data-id=\"6330453\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce7999b elementor-widget elementor-widget-image\" data-id=\"ce7999b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"287\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-2-1.jpeg\" class=\"attachment-full size-full wp-image-2335\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-803d90e elementor-widget elementor-widget-image\" data-id=\"803d90e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"468\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/event-8-1.jpeg\" class=\"attachment-full size-full wp-image-2122\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/event-8-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/event-8-1-179x300.jpeg 179w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3eec90c elementor-widget elementor-widget-image\" data-id=\"3eec90c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"328\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-4-1.jpeg\" class=\"attachment-full size-full wp-image-2337\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-4-1.jpeg 280w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-4-1-256x300.jpeg 256w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e76337 elementor-widget elementor-widget-text-editor\" data-id=\"6e76337\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h4 style=\"text-decoration: underline;\">General<\/h4>\n<ul>\n    <li><strong>Image Grid Columns<\/strong> &#8211; Here you can divide columns as per requirements.<\/li>\n\t<li><strong>Image Grid Style<\/strong> &#8211; Here you can choose Style of the Image Grid. <\/li>\n<\/ul>\n<br>\t\t\t\t\t\t\t\t\n<h4 style=\"text-decoration: underline;\">Image<\/h4>\n<ul>\n    <li><strong>Add Image<\/strong> &#8211; Here you can add Image.<\/li>\n\t<li><strong>Image Size<\/strong> &#8211; Here you can select required image size.<\/li>\n\t<li><strong>Image Light Box<\/strong> &#8211; Here you can Enable\/Disable Image Light Box.<\/li>\n<\/ul>\n<br>\n<h4 style=\"text-decoration: underline;\">Slide<\/h4>\n<ul>\n    <li><strong>Slide Option <\/strong>&#8211; This is option for content-carousel slider option.<\/li>\n\t<li><strong>Slide Items <\/strong>&#8211; This is option for content-carousel slide items shown on large devices.<\/li>\n    <li><strong>Items on Tab <\/strong>&#8211; This is option for content-carousel slide items shown on tab.<\/li>\n\t<li><strong>Items on Mobile <\/strong>&#8211; This is option for content-carousel slide items shown on mobile.<\/li>\n   <li><strong>Auto Play <\/strong>&#8211; This is option for content-carousel slider auto play.<\/li>\n   <li><strong>Loop <\/strong>&#8211; This is option for content-carousel slider loop.<\/li>\n   <li><strong> Items Center <\/strong>&#8211; This is option for content-carousel slider center, for this option must active loop and minimum items 2.<\/li>\n    <li><strong>Navigation <\/strong>&#8211; This is option for content-carousel slider navigation.<\/li>\n\t<li><strong>Pagination <\/strong>&#8211; This is option for content-carousel slider pagination.<\/li>\n\t<li><strong>Items Margin <\/strong>&#8211; This is option for content-carousel slider margin space.<\/li>\n\t<li><strong>Items Duration <\/strong>&#8211; This is option for content-carousel slider duration.<\/li>\n\t<li><strong>Items Smart Speed <\/strong>&#8211; This is option for content-carousel slider smart speed.<\/li>\n\t<li><strong>Items Slide by <\/strong>&#8211; This is option for content-carousel slider scroll by.<\/li>\n<\/ul>\n<br>\n<h4 style=\"text-decoration: underline;\">Style<\/h4>\n<ul>\n    <li><strong>General<\/strong><\/li>\n\t<li><strong>Background Color<\/strong> &#8211; Here you can add Image Grid Background Color.<\/li>\n\t<li><strong>Margin<\/strong> &#8211; Here you can set Margin value for Image Grid.<\/li>\n    <li><strong>Padding<\/strong> &#8211; Here you can set Padding value for Image Grid.<\/li>\n<\/ul>\n<br>\n<h4 style=\"text-decoration: underline;\">Image<\/h4>\n<ul>\n    <li><strong>Outer Spacing<\/strong> &#8211; Here you can set Padding value for Image.<\/li>\n    <li><strong>Margin<\/strong> &#8211; Here you can set Margin value for Image.<\/li>\n\t<li><strong>Border Type<\/strong> &#8211; This is option for selecting type of the border.<\/li>\n\t<li><strong>Radius<\/strong> &#8211; This is option to set value for the Image border radius<\/li>\n<\/ul>\n<br>\n<h4 style=\"text-decoration: underline;\">Caption<\/h4>\n<ul>\n    <li><strong>Image Caption Option<\/strong> &#8211; This Option for show Image Caption if exists.<\/li>\n\t<li><strong>Alignment<\/strong> &#8211; Here you can choose Image Caption alignment(Left\/Right\/Center)<\/li>\n\t<li><strong>Color<\/strong> &#8211; Here you can add Image Caption Color.<\/li>\n    <li><strong>Margin<\/strong> &#8211; Here you can set Margin value for Image Caption.<\/li>\n    <li><strong>Padding<\/strong> &#8211; Here you can set Padding value for Image Caption.<\/li>\n\t<li><strong>Typography<\/strong> &#8211; Here you can choose Caption font family, size, weight etc..<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This shortcode used for to display Image grids \/ Clients \/ Clients slidershttps:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/image-grid-1.webm General Image Grid Columns &#8211; Here you can divide columns as per requirements. Image Grid Style &#8211; Here you can choose Style of the Image Grid. Image Add Image &#8211; Here you can add Image. Image Size &#8211; Here you can select [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2326,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2271","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shortcode"],"_links":{"self":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2271","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/comments?post=2271"}],"version-history":[{"count":3,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2271\/revisions"}],"predecessor-version":[{"id":12098,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/2271\/revisions\/12098"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media\/2326"}],"wp:attachment":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media?parent=2271"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/categories?post=2271"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/tags?post=2271"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}