{"id":298,"date":"2020-04-19T11:00:30","date_gmt":"2020-04-19T08:00:30","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=298"},"modified":"2026-02-01T10:55:59","modified_gmt":"2026-02-01T08:55:59","slug":"gallery-widget","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/gallery-widget\/","title":{"rendered":"Gallery widget"},"content":{"rendered":"\n<p>The <em style=\"background-color: initial\">Image Gallery<\/em> widget allows you to easily add and style complex and beautiful image <a href=\"https:\/\/elementor.com\/blog\/introducing-pro-gallery\/\">galleries<\/a> on your page.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Use The Pro Gallery Widget in Elementor\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/YTK3tkbJdIw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Content<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Settings<br><img fetchpriority=\"high\" decoding=\"async\" width=\"180\" height=\"553\" class=\"wp-image-163048\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png 273w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab-98x300.png 98w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Type<\/strong>: Select type of gallery, choosing from <em>Single<\/em> or <em>Multiple<\/em>. Multiple allows you to have a filterable portfolio-style gallery of images\n<ol class=\"wp-block-list\">\n<li>If Multiple is chosen, enter a title into the field or use <a href=\"https:\/\/elementor.com\/help\/dynamic-tags-pro\/\">Dynamic Tags<\/a> *<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><strong>Add Images<\/strong>: Choose multiple images from the media library to insert into your gallery and type a <strong>Title<\/strong> for the gallery\n<ol class=\"wp-block-list\">\n<li>You may also use the <a href=\"https:\/\/elementor.com\/help\/dynamic-tags-pro\/\">Dynamic Tags<\/a> option to load images from the Post image attachments, Advanced Custom Field gallery, or WooCommerce product gallery. This is helpful when creating a Single Post or Product template in the Theme builder<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li><strong>Order By<\/strong>: Choose Default or Random order<\/li>\n\n\n\n<li><strong>Lazy-Load<\/strong>: Set to Yes to use Lazy Load to improve loading speed.<\/li>\n\n\n\n<li><strong>Layout<\/strong>: Select from <em>Grid<\/em>, <em>Justified<\/em>, or <em>Masonry<\/em>.The <em>Grid <\/em>is based on an aspect ratio of your choosing. <em>Justified <\/em>lets you set the height for each row, and adjusts to different widths per image. <em>Masonry <\/em>maintains the same image width and adjust to varying heights.<\/li>\n\n\n\n<li><strong>Columns<\/strong>: Set how many columns will be displayed per row, from 1 to 24. Not available if <em>Justified<\/em> Layout is chosen.<\/li>\n\n\n\n<li><strong>Row Height<\/strong>: Set the height of each row, in pixels. Only available if <em>Justified<\/em> Layout is chosen.<\/li>\n\n\n\n<li><strong>Spacing<\/strong>: Control the amount of space between each image in a row.<\/li>\n\n\n\n<li><strong>Link<\/strong>: Set the link for the images to None, Media File, or Custom URL<\/li>\n\n\n\n<li><strong>Lightbox<\/strong>: A <strong>lightbox<\/strong> is a specific type of overlay window that appears on top of the web page content you are currently viewing. When a lightbox opens, the rest of the page (the background) usually becomes dimmed or darkened to focus the user&#8217;s attention entirely on the new content in the center of the screen. To learn more about lightbox settings, see <a href=\"https:\/\/elementor.com\/help\/lightbox\/\">Adjust the lightbox settings<\/a>.<\/li>\n\n\n\n<li><strong>Aspect Ratio<\/strong>: Choose the Aspect Ratio, selecting from 1:1, 3:2, 4:3, 9:16, 16:9, and 21:9. Only available for Grid layout.&nbsp;<\/li>\n\n\n\n<li><strong>Image Resolution<\/strong>: Set the size of the image, from thumbnail to full, or enter a custom size.<\/li>\n<\/ol>\n\n\n\n<p><em> If Type: Multiple is chosen, the following Filter Bar additional options become available:<\/em><\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Filter Bar (only available if Multiple type is chosen)<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>\u201cAll\u201d Filter<\/strong>: Select Yes to include the \u201cAll\u201d filter, or No to exclude it.<\/li>\n\n\n\n<li><strong>\u201cAll\u201d Filter Label:<\/strong> If set to Yes, enter the desired label or use <a href=\"https:\/\/elementor.com\/help\/dynamic-tags-pro\/\">Dynamic Tags<\/a>. \u201cAll\u201d is default.<\/li>\n\n\n\n<li><strong>Pointer<\/strong>: Select the pointer used when hovering over each filter label. Choose from None, Underline, Overline, Double Line, Framed, Background, or Text.<\/li>\n\n\n\n<li><strong>Animation<\/strong>: Set the Pointer\u2019s animation style. Choose from Fade, Slide, Grow, Drop In, Drop Out, or None.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Overlay<br><img decoding=\"async\" width=\"180\" height=\"231\" class=\"wp-image-163055\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/overlay.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/overlay.png 277w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/overlay-233x300.png 233w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Background<\/strong>: Select Yes to have an overlay appear upon hovering over each image, or No for no overlay.<\/li>\n\n\n\n<li><strong>Title<\/strong>: Choose which meta attribute to display as the overlay\u2019s Title. Select from the image\u2019s Title, Caption, Alt, Description, or None.<\/li>\n\n\n\n<li><strong>Description<\/strong>: Choose which meta attribute to display as the overlay\u2019s Description. Select from the image\u2019s Title, Caption, Alt, Description, or None.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Style<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Image<br><img decoding=\"async\" width=\"180\" height=\"340\" class=\"wp-image-163062\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-image.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-image.png 273w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-image-159x300.png 159w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Border Color<\/strong>: Choose the color of the image border, for Normal and Hover states<\/li>\n\n\n\n<li><strong>Border Width<\/strong>: Choose the thickness of the border for Normal state only.<\/li>\n\n\n\n<li><strong>Border Radius<\/strong>: Control the corner roundness of the image border, for Normal and Hover states.<\/li>\n\n\n\n<li><strong>CSS Filters<\/strong>: Set CSS Filters, selecting from Blur, Brightness, Contrast and Saturation for Normal and Hover states.<\/li>\n\n\n\n<li><strong>Hover Animation<\/strong>: Choose the animation of the image upon hover, selecting from None, Zoom In, Zoom Out, Move Left, Move Right, Move Up, or Move Down, for Normal and Hover states.<\/li>\n\n\n\n<li><strong>Animation Duration (ms)<\/strong>: Set the amount of time the animation takes, in milliseconds.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Overlay<br><img loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"312\" class=\"wp-image-163069\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-overlay.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-overlay.png 269w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-overlay-173x300.png 173w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Overlay<\/strong>: Select the type of Overlay (Classic or Gradient) for the images\u2019 Normal and Hover states.<\/li>\n\n\n\n<li><strong>Color<\/strong>:&nbsp;Set the Overlay color or gradient colors for the images\u2019 Normal and Hover states.<\/li>\n\n\n\n<li><strong>Blend Mode<\/strong>: Select from multiple layer effects including Normal, Multiply, Screen, Overlay, etc. <a href=\"https:\/\/elementor.com\/introducing-filter-blend-mode\/\">View Blend Mode demo<\/a><\/li>\n\n\n\n<li><strong>Hover Animation<\/strong>: Choose the overlay\u2019s Entrance or Exit animation upon hover. Select from Slide In Right, Slide In Left, Slide In Up, Slide In Down, Zoom In, Zoom Out, and Fade In. If Entrance Animation is chosen, images are shown full opacity in Normal state, with the overlay covering the image upon hover. If Exit Animation is chosen, the overlay covers the image in the Normal state, and is removed upon hover.<\/li>\n\n\n\n<li><strong>Animation Duration (ms)<\/strong>: Set the amount of time the animation takes, in milliseconds.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Content<br><img loading=\"lazy\" decoding=\"async\" width=\"180\" height=\"345\" class=\"wp-image-163076\" style=\"width: 180px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-content.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-content.png 272w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Style-content-156x300.png 156w\" sizes=\"(max-width: 180px) 100vw, 180px\" \/><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Alignment<\/strong>: Align the content to the left, right, or center<\/li>\n\n\n\n<li><strong>Vertical Position<\/strong>: Align the content to the top, middle, or bottom<\/li>\n\n\n\n<li><strong>Padding<\/strong>: Adjust the content\u2019s padding<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Title<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: Choose the Title\u2019s color<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Set the typography options for the Title<\/li>\n\n\n\n<li><strong>Spacing<\/strong>: Set the amount of space between the Title and the Description<\/li>\n<\/ol>\n\n\n\n<h5 class=\"wp-block-heading\">Description<\/h5>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Color<\/strong>: Choose the Description\u2019s color<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Set the typography options for the Description<\/li>\n<\/ol>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Hover Animation<\/strong>: Choose the content\u2019s Entrance, Reaction, or Exit Animation upon hover. For Entrance Animation, select from Slide In Right, Slide In Left, Slide In Up, Slide In Down, Zoom In, Zoom Out, and Fade In. For Reaction Animation, select from Grow, Shrink, Move Left, Move Right, Move Up, or Move Down. For Exit Animation, select from Slide Out Right, Slide Out Left, Slide Out Up, Slide Out Down, Zoom In, Zoom Out, and Fade Out.<\/li>\n\n\n\n<li><strong>Animation Duration<\/strong>: Set the amount of time the animation takes, in milliseconds.<\/li>\n\n\n\n<li><strong>Sequenced Animation<\/strong>: Set to Yes to have Title and Description animate in sequence. Set to No to have Title and Description animate at the same time.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Filter Bar&nbsp;<\/h4>\n\n\n\n<p>These Filter Bar additional options become available only if <em>Type: Multiple<\/em> was chosen.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Text Color<\/strong>: Choose the color of the Filter bar text for Normal, Hover, and Active states.<\/li>\n\n\n\n<li><strong>Typography<\/strong>: Set the typography options for the Filter bar text.<\/li>\n\n\n\n<li><strong>Pointer Color<\/strong>: Choose the color of the Filter bar pointer. Only available in Hover or Active states.<\/li>\n\n\n\n<li><strong>Pointer Width<\/strong>: Select the thickness of the pointer.<\/li>\n\n\n\n<li><strong>Space Between<\/strong>: Control the amount of space between Filter text items.<\/li>\n\n\n\n<li><strong>Gap<\/strong>: Control the amount of space between the Filter text and the gallery images.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Advanced<\/h3>\n\n\n\n<p>Set the <a href=\"https:\/\/elementor.com\/help\/advanced-tab\/\">Advanced options<\/a> that are applicable to this widget<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Captions and titles in a gallery<\/h2>\n\n\n\n<p>The Gallery widget allows you to display an image&#8217;s caption or title as part of the overlay. However, these captions\/titles may not be suitable for the Gallery widget, so users have the ability to edit the captions\/titles of the images displayed in the widget.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Editing the captions\/titles<\/h3>\n\n\n\n<p>To edit the caption and\/title:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the image selection area in the <strong>Content<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"756\" class=\"wp-image-35703\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/01-going-into-the-Media-Library.jpg\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/01-going-into-the-Media-Library.jpg 330w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/01-going-into-the-Media-Library-270x300.jpg 270w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>To change the caption &#8211; Click the caption area and type in a new caption in the text area.<br><a href=\"\/wp-content\/uploads\/2020\/04\/Adding-caption.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"640\" class=\"wp-image-35704\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Adding-caption.jpg\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Adding-caption.jpg 374w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Adding-caption-300x282.jpg 300w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/a><\/li>\n\n\n\n<li>To change the title &#8211; Click the image and enter a new title in the text box.<br><a href=\"\/wp-content\/uploads\/2020\/04\/Adding-title.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"714\" class=\"wp-image-35705\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Adding-title.jpg\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Adding-title.jpg 854w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Adding-title-286x300.jpg 286w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Adding-title-768x807.jpg 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/a><\/li>\n\n\n\n<li>Click <strong>Insert gallery<\/strong>.<br><a href=\"\/wp-content\/uploads\/2020\/04\/Click-Add-Gallery.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"714\" class=\"wp-image-35706\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Click-Add-Gallery.jpg\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Click-Add-Gallery.jpg 854w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Click-Add-Gallery-286x300.jpg 286w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Click-Add-Gallery-768x807.jpg 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add and style complex, beautiful image galleries on your page<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3ea6312080f564e68284f"],"footnotes":""},"categories":[1440],"tags":[1389,1388,1387,1390,1398,1235],"class_list":["post-298","post","type-post","status-publish","format-standard","hentry","category-advanced-functionality","tag-advanced","tag-agency","tag-essential","tag-expert","tag-legacy-essential","tag-pro"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Gallery widget | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Gallery widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/gallery-widget\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gallery widget | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Gallery widget in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/gallery-widget\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-19T08:00:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-01T08:55:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png\" \/>\n\t<meta property=\"og:image:width\" content=\"273\" \/>\n\t<meta property=\"og:image:height\" content=\"838\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Gallery widget\",\"datePublished\":\"2020-04-19T08:00:30+00:00\",\"dateModified\":\"2026-02-01T08:55:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/\"},\"wordCount\":1149,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Essential\",\"Expert\",\"Legacy Essential\",\"Pro\"],\"articleSection\":[\"Advanced functionality\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/gallery-widget\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/\",\"url\":\"https:\/\/elementor.com\/help\/gallery-widget\/\",\"name\":\"Gallery widget | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png\",\"datePublished\":\"2020-04-19T08:00:30+00:00\",\"dateModified\":\"2026-02-01T08:55:59+00:00\",\"description\":\"Learn everything about Gallery widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/gallery-widget\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png\",\"width\":273,\"height\":838},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/gallery-widget\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Widgets\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Advanced functionality\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Gallery widget\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gallery widget | Elementor","description":"Learn everything about Gallery widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","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:\/\/elementor.com\/help\/gallery-widget\/","og_locale":"en_US","og_type":"article","og_title":"Gallery widget | Elementor","og_description":"Learn everything about Gallery widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/gallery-widget\/","og_site_name":"Help","article_published_time":"2020-04-19T08:00:30+00:00","article_modified_time":"2026-02-01T08:55:59+00:00","og_image":[{"width":273,"height":838,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/gallery-widget\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/gallery-widget\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Gallery widget","datePublished":"2020-04-19T08:00:30+00:00","dateModified":"2026-02-01T08:55:59+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/gallery-widget\/"},"wordCount":1149,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png","keywords":["Advanced","Agency","Essential","Expert","Legacy Essential","Pro"],"articleSection":["Advanced functionality"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/gallery-widget\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/gallery-widget\/","url":"https:\/\/elementor.com\/help\/gallery-widget\/","name":"Gallery widget | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png","datePublished":"2020-04-19T08:00:30+00:00","dateModified":"2026-02-01T08:55:59+00:00","description":"Learn everything about Gallery widget in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/gallery-widget\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/gallery-widget\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/gallery-widget\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/04\/Content-tab.png","width":273,"height":838},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/gallery-widget\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Widgets","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/"},{"@type":"ListItem","position":4,"name":"Advanced functionality","item":"https:\/\/elementor.com\/help\/elementor-editor\/widgets\/advanced-functionality\/"},{"@type":"ListItem","position":5,"name":"Gallery widget"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=298"}],"version-history":[{"count":7,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/298\/revisions"}],"predecessor-version":[{"id":163083,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/298\/revisions\/163083"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}