{"id":4668,"date":"2021-08-02T16:31:48","date_gmt":"2021-08-02T16:31:48","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/?page_id=4668"},"modified":"2024-08-10T12:26:15","modified_gmt":"2024-08-10T12:26:15","slug":"image-gallery","status":"publish","type":"page","link":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/elements\/image-gallery\/","title":{"rendered":"Image gallery element"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4668\" class=\"elementor elementor-4668\">\n\t\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-cc84cfd elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"cc84cfd\" data-element_type=\"section\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-069248d \" data-id=\"069248d\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d7b3003 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d7b3003\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Awesome &amp; convenient to use<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e30b7a6 mx-auto  elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e30b7a6\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Mostly all pages contain images in its content. UDesign Image Gallery element is perfect for showcasing a set of images \nso you  can build more attractive and stunning sites.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ec5840 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"2ec5840\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUpShorter&quot;}\" 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=\"1021\" height=\"622\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/gallery-1.jpg\" class=\"attachment-full size-full wp-image-16336\" alt=\"Gallery Image\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/gallery-1.jpg 1021w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/gallery-1-768x468.jpg 768w, https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/09\/gallery-1-600x366.jpg 600w\" sizes=\"(max-width: 1021px) 100vw, 1021px\" \/>\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\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-41bce04 elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"41bce04\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f3c1ddb \" data-id=\"f3c1ddb\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc63fad elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"dc63fad\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Image gallery options <span class=\"text-primary\">galore<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85419e8 mx-auto elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"85419e8\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">The offering customization options give you to select layouts, full control column spacing as well as adjusting the image \nalignment. Let's try once.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\" elementor-section elementor-inner-section elementor-element elementor-element-a9afa9c elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"a9afa9c\" data-element_type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<!-- Start .elementor-column -->\r\n\t\t\t<div class=\" elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-340bc3f \" data-id=\"340bc3f\" data-element_type=\"column\">\r\n\t\t\t\t\t\t\t\t<!-- Start .elementor-column-wrap(optimize mode => .elementor-widget-wrap) -->\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<!-- Start .slider-container  -->\r\n\t\t\t\t\t<div class=\"w-100\">\r\n\t\t\t\t\t\t\t\t\t\t<!-- Start .slider-wrapper -->\r\n\t\t\t\t\t<div class=\" row cols-lg-3 cols-md-2 cols-sm-2 cols-1  slider-wrapper\" data-slider-options=\"{&quot;spaceBetween&quot;:30,&quot;pagination&quot;:true,&quot;effect&quot;:&quot;slide&quot;,&quot;slidesPerView&quot;:3,&quot;breakpoints&quot;:{&quot;2401&quot;:{&quot;slidesPerView&quot;:3},&quot;1440&quot;:{&quot;slidesPerView&quot;:3,&quot;spaceBetween&quot;:30},&quot;1200&quot;:{&quot;slidesPerView&quot;:3},&quot;992&quot;:{&quot;slidesPerView&quot;:3},&quot;768&quot;:{&quot;slidesPerView&quot;:2},&quot;576&quot;:{&quot;slidesPerView&quot;:2},&quot;0&quot;:{&quot;slidesPerView&quot;:1}},&quot;statusClass&quot;:&quot;slider-dots-dark&quot;}\">\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f1a4bcf cs-imgbox elementor-widget elementor-widget-udesign_widget_imagebox\" data-id=\"f1a4bcf\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_imagebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"image-box position-top\"><figure><img decoding=\"async\" width=\"321\" height=\"114\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2.jpg\" class=\"attachment-full size-full wp-image-4700\" alt=\"Gallery Image\" \/><\/figure><div class=\"image-box-content\"><h3 class=\"title\">Select layouts<\/h3><p class=\"content\">Which layout will you use? Please choose your layout for images.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7afa097 cs-imgbox elementor-widget elementor-widget-udesign_widget_imagebox\" data-id=\"7afa097\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_imagebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"image-box position-top\"><figure><img decoding=\"async\" width=\"321\" height=\"114\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-3.jpg\" class=\"attachment-full size-full wp-image-6508\" alt=\"Gallery Image\" \/><\/figure><div class=\"image-box-content\"><h3 class=\"title\">Control spacing<\/h3><p class=\"content\">Choose spacing between images will be used in image gallery.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-365a437 cs-imgbox elementor-widget elementor-widget-udesign_widget_imagebox\" data-id=\"365a437\" data-element_type=\"widget\" data-widget_type=\"udesign_widget_imagebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"image-box position-top\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"321\" height=\"114\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-4.jpg\" class=\"attachment-full size-full wp-image-6509\" alt=\"Gallery Image\" \/><\/figure><div class=\"image-box-content\"><h3 class=\"title\">Alignment<\/h3><p class=\"content\">It's possible to control the vertical alignment of images.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div><!-- End .slider-wrapper -->\r\n\t\t\t\t\t<\/div><!-- End .slider-container -->\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t<\/div> <!-- End optimize => .elementor-widget-wrap -->\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End .elementor-column -->\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-b9c56ab elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"b9c56ab\" data-element_type=\"section\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-da00ee9 \" data-id=\"da00ee9\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1be2492 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1be2492\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Build for professional<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00ec03d elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"00ec03d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Custom image galleries<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87eb1f3 mx-auto elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"87eb1f3\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">The three examples below show you 3 default layouts supported by UDesign Image Gallery Element. If you mind these layouts, \nthen begin to customize with element options. It's up to you.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe2320e elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"fe2320e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Grid &amp; 2 columns<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83d9a7c elementor-invisible elementor-widget elementor-widget-udesign_widget_imagegallery\" data-id=\"83d9a7c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"udesign_widget_imagegallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<ul class=\"image-gallery use_lightbox row cols-lg-2 cols-md-2 cols-sm-1 cols-1\">\r\n\t<li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-1-601x370-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"grid-item image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"370\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-1-601x370-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2-601x370-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"grid-item image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"601\" height=\"370\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2-601x370-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><\/ul>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ea2dcb elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"8ea2dcb\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Slider &amp; extra spacing column<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f93ff2 elementor-invisible elementor-widget elementor-widget-udesign_widget_imagegallery\" data-id=\"2f93ff2\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"udesign_widget_imagegallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<ul class=\"image-gallery use_lightbox row cols-lg-6 cols-md-5 cols-sm-4 cols-2 cols-xl-6 gutter-xs slider-image-gallery  gutter-xs slider-wrapper\" data-slider-options=\"{&quot;spaceBetween&quot;:2,&quot;effect&quot;:&quot;slide&quot;,&quot;slidesPerView&quot;:6,&quot;breakpoints&quot;:{&quot;2401&quot;:{&quot;slidesPerView&quot;:6},&quot;1440&quot;:{&quot;slidesPerView&quot;:6},&quot;1200&quot;:{&quot;slidesPerView&quot;:6},&quot;992&quot;:{&quot;slidesPerView&quot;:6},&quot;768&quot;:{&quot;slidesPerView&quot;:5},&quot;576&quot;:{&quot;slidesPerView&quot;:4},&quot;0&quot;:{&quot;slidesPerView&quot;:2}},&quot;statusClass&quot;:&quot;slider-dots-default&quot;}\">\r\n\t<li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-1-203x203-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"203\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-1-203x203-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2-203x203-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"203\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2-203x203-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-3-203x203-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"203\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-3-203x203-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-4-203x203-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"203\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-4-203x203-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-5-203x203-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"203\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-5-203x203-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"\">\t\t<div class=\"image-gallery-item\">\r\n\t\t<a href=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-6-203x203-1.jpg\" aria-label=\"Image Gallery\"><\/a>\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"203\" height=\"203\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-6-203x203-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><\/ul>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a16513b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a16513b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Creative grid layout<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b5cbd1 elementor-invisible elementor-widget elementor-widget-udesign_widget_imagegallery\" data-id=\"2b5cbd1\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"udesign_widget_imagegallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<ul class=\"image-gallery row creative-grid grid-gallery\">\r\n\t<li class=\"grid-item elementor-repeater-item-782adf6\" data-grid-idx=\"1\">\t\t<div class=\"image-gallery-item\">\r\n\t\t\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"170\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-1-285x170-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"grid-item elementor-repeater-item-b94fefd\" data-grid-idx=\"2\">\t\t<div class=\"image-gallery-item\">\r\n\t\t\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"430\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-1-285x430-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"grid-item elementor-repeater-item-1f3191a\" data-grid-idx=\"3\">\t\t<div class=\"image-gallery-item\">\r\n\t\t\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"230\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2-285x230-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"grid-item elementor-repeater-item-ea0585e\" data-grid-idx=\"4\">\t\t<div class=\"image-gallery-item\">\r\n\t\t\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"430\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2-285x430-1.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"grid-item elementor-repeater-item-b7692e8\" data-grid-idx=\"5\">\t\t<div class=\"image-gallery-item\">\r\n\t\t\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"230\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-1-285x230-1.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><li class=\"grid-item elementor-repeater-item-5e53b40\" data-grid-idx=\"6\">\t\t<div class=\"image-gallery-item\">\r\n\t\t\t\t<figure class=\"image-wrap\">\r\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"285\" height=\"170\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-content\/uploads\/sites\/3\/2021\/08\/gallery-2-285x170-1.jpg\" class=\"attachment-full size-full\" alt=\"Gallery Image\" \/>\t\t<\/figure>\r\n\t\t<\/div>\r\n\t\t<\/li><\/ul>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\" elementor-section elementor-top-section elementor-element elementor-element-4572b46 options-glossary elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default elementor-invisible\" data-id=\"4572b46\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;,&quot;shape_divider_top&quot;:&quot;alpha-shape2&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\r\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" data-negative=\"true\">\r\n\t\t\t<svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1920 192\" preserveAspectRatio=\"none\">\r\n<path d=\"M0,137.2C269.6,170.4,601.4,190,960,190c358.7,0,690.3-19.6,960-52.8c0-21.4,0,76.2,0,54.8c-640,0-1280,0-1920,0V137.2z\"\/>\r\n<\/svg>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7dc0171 \" data-id=\"7dc0171\" data-element_type=\"column\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-92e2995 text-gradient mt-10 pt-10 mb-1 elementor-widget elementor-widget-heading\" data-id=\"92e2995\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Glossary<\/h4>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a05dee elementor-widget elementor-widget-heading\" data-id=\"9a05dee\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Image gallery element options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7eec3b elementor-widget elementor-widget-heading\" data-id=\"d7eec3b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Customize Elements Globally or Individually<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\" elementor-section elementor-inner-section elementor-element elementor-element-9d57a1a elementor-section-boxed elementor-section-height-default elementor-section-height-default smart-sticky-default\" data-id=\"9d57a1a\" data-element_type=\"section\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4122f01 \" data-id=\"4122f01\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-242bbcf elementor-widget elementor-widget-text-editor\" data-id=\"242bbcf\" data-element_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<ul>\n \t<li><strong>Image Size:<\/strong> Choose your image size.<\/li>\n \t<li><strong>Layout:<\/strong> Choose your layout of images.<\/li>\n \t<li><strong>Enable Popup:<\/strong> Allow you to use image popup.<\/li>\n \t<li><strong>Columns:<\/strong> Control the number of items in breakpoints.<\/li>\n \t<li><strong>Columns Spacing:<\/strong> Control the spacing between images.<\/li>\n \t<li><strong>Vertical Align:<\/strong> Control the vertical alignment of images.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<div class=\" elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-51f07ce \" data-id=\"51f07ce\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b2c7e5 elementor-widget elementor-widget-text-editor\" data-id=\"5b2c7e5\" data-element_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<ul>\n \t<li><strong>Image Full Width:<\/strong> Make the width of image as 100% in it&#8217;s area.<\/li>\n \t<li><strong>Hover Effect:<\/strong> Choose your image overlay effect on hover.<\/li>\n \t<li><strong>Caption:<\/strong> Select text you want to show as caption.<\/li>\n \t<li><strong>Max Width:<\/strong> Control the maximum width of images.<\/li>\n \t<li><strong>Border Radius:<\/strong> Control the curve size of images in it&#8217;s corner.<\/li>\n<\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Awesome &amp; convenient to use Mostly all pages contain images in its content. UDesign Image Gallery element is perfect for showcasing a set of images so you can build more [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-4668","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/4668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/comments?post=4668"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/4668\/revisions"}],"predecessor-version":[{"id":31400,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/4668\/revisions\/31400"}],"up":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/elements\/wp-json\/wp\/v2\/media?parent=4668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}