Gallery settings
-
Hi,
I have been trying to change the blue color when I hover over an image from blue to transp. white, so far I have managed to hard code the css to do it but there must be an easier way I think.
also the background color of the pop-up how can I change that.
My last question is about the following: If I click on the Gallery image the image in front loads/appears instead of the one I click on.-
This topic was modified 1 month, 1 week ago by
007.
-
This topic was modified 1 month, 1 week ago by
-
To view the pages in question:
https://gisteren.net/illustrations/Hi,
If you use the gallery layout : overlay. you can set the opacity of the overlay to 0 in the panel Item Hover.
Yes, your gallery behavior seems a bit weird. Can you send us the content code of the gallery block so we can inspect it? On the List View, find your gallery block and then click the three dots on the right side of it. Select copy and then paste it here on the code editor. Open the code editor by typing /code on the typing field.
code will look like this:
<!-- wp:gutenverse/gallery {"elementId":"guten-ilfvq6","images":[{"id":"One","title":"One","lazyLoad":false,"_key":"kqzgSN","src":{"id":19,"image":"https://test-pro.local/wp-content/uploads/2025/02/dance-4271941_1280.jpg"}},{"id":"Two","title":"Two","lazyLoad":false,"_key":"mS0PgS","src":{"id":18,"image":"https://test-pro.local/wp-content/uploads/2025/02/bali-7969001_1280.jpg"}},{"id":"Three","title":"Three","lazyLoad":false,"_key":"OIcsHf","src":{"id":13,"image":"https://test-pro.local/wp-content/uploads/2025/02/bali-myna-7960550_1280.jpg"}},{"id":"Four","title":"Four","lazyLoad":false,"_key":"oifHit","src":{"id":15,"image":"https://test-pro.local/wp-content/uploads/2025/02/indonesia-1578647_1280.jpg"}}],"itemHoverOpacity":{"Desktop":"0.5"},"itemHoverPadding":{"Desktop":{}},"itemHoverBorder":{"radius":{"Desktop":{}}},"itemHoverTitleMargin":{"Desktop":{}},"itemHoverTitlePadding":{"Desktop":{}},"itemHoverContentMargin":{"Desktop":{}},"itemHoverContentPadding":{"Desktop":{}},"filterTabPadding":{"Desktop":{}},"filterTabMargin":{"Desktop":{}},"filterTabBorder":{"radius":{"Desktop":{}}},"filterSearchBorder":{"radius":{"Desktop":{}}},"filterSearchMargin":{"Desktop":{}},"filterSearchFormBorder":{"radius":{"Desktop":{}}},"filterSearchDropdownBorder":{"radius":{"Desktop":{}}},"filterSearchDropdownPadding":{"Desktop":{}}} -->
<div class="guten-element guten-gallery guten-ilfvq6 layout-overlay grid-desktop-3 grid-tablet-2 grid-mobile-2" data-grid="grid"><div class="gutenverse-popup-gallery hidden"><div class="gallery-header"><div class="left-header"></div><div class="right-header"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-fullscreen"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-minimize hidden"><path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"></path></svg><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-zoom"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div></div><div class="gallery-body"><div class="images"><div id="guten-ilfvq6" class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://test-pro.local/wp-content/uploads/2025/02/dance-4271941_1280.jpg" alt="One"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://test-pro.local/wp-content/uploads/2025/02/bali-7969001_1280.jpg" alt="Two"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://test-pro.local/wp-content/uploads/2025/02/bali-myna-7960550_1280.jpg" alt="Three"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://test-pro.local/wp-content/uploads/2025/02/indonesia-1578647_1280.jpg" alt="Four"/></div></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div></div></div><div class="gallery-items" data-loaded="6" data-more="2" data-max="4"><div class="gallery-item-wrap " data-index="0" data-control="One"><div class="grid-item"><div class="thumbnail-wrap"><img src="https://test-pro.local/wp-content/uploads/2025/02/dance-4271941_1280.jpg" alt="One"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">One</h5><div class="item-content"></div><div class="item-buttons"><div class="gallery-link zoom with-text"><span class="item-icon-inner"><i class="fas fa-search-plus" aria-hidden="true"></i></span></div><a href="" class="gallery-link link with-text"><span class="item-icon-inner"><i class="fas fa-link" aria-hidden="true"></i></span></a></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="1" data-control="Two"><div class="grid-item"><div class="thumbnail-wrap"><img src="https://test-pro.local/wp-content/uploads/2025/02/bali-7969001_1280.jpg" alt="Two"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">Two</h5><div class="item-content"></div><div class="item-buttons"><div class="gallery-link zoom with-text"><span class="item-icon-inner"><i class="fas fa-search-plus" aria-hidden="true"></i></span></div><a href="" class="gallery-link link with-text"><span class="item-icon-inner"><i class="fas fa-link" aria-hidden="true"></i></span></a></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="2" data-control="Three"><div class="grid-item"><div class="thumbnail-wrap"><img src="https://test-pro.local/wp-content/uploads/2025/02/bali-myna-7960550_1280.jpg" alt="Three"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">Three</h5><div class="item-content"></div><div class="item-buttons"><div class="gallery-link zoom with-text"><span class="item-icon-inner"><i class="fas fa-search-plus" aria-hidden="true"></i></span></div><a href="" class="gallery-link link with-text"><span class="item-icon-inner"><i class="fas fa-link" aria-hidden="true"></i></span></a></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="3" data-control="Four"><div class="grid-item"><div class="thumbnail-wrap"><img src="https://test-pro.local/wp-content/uploads/2025/02/indonesia-1578647_1280.jpg" alt="Four"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">Four</h5><div class="item-content"></div><div class="item-buttons"><div class="gallery-link zoom with-text"><span class="item-icon-inner"><i class="fas fa-search-plus" aria-hidden="true"></i></span></div><a href="" class="gallery-link link with-text"><span class="item-icon-inner"><i class="fas fa-link" aria-hidden="true"></i></span></a></div></div><div class="caption-head"></div></div></div></div></div></div></div>
<!-- /wp:gutenverse/gallery --><!-- wp:gutenverse/gallery {"elementId":"guten-mJwjsq","showed":24,"zoomIcon":"","zoomText":"","linkIcon":"","column":{"Desktop":"4","Mobile":"1","Tablet":"3"},"grid":"masonry","images":[{"id":"","title":"SENSING COLOUR","lazyLoad":false,"_key":"XslG56","src":{"id":25,"image":"https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-4-e1708450009385.png"},"content":"sight and feeling","disableLightbox":false,"showRating":false,"showPrice":false,"price":""},{"id":"Two","title":"SENSING COLOUR","lazyLoad":false,"_key":"7lp2b8","src":{"id":1085,"image":"https://gisteren.net/wp-content/uploads/2024/03/Colourblocked-3.png"},"content":"\nOpera at the beach"},{"id":"","title":"SENSING COLOUR","lazyLoad":false,"_key":"I53AHb","src":{"id":23,"image":"https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-2-e1708449929135.png"},"content":"Ice cream on a sunny day\n"},{"id":"","title":"SENSING COLOUR","lazyLoad":false,"_key":"jOgAuR","src":{"id":22,"image":"https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-1.png"},"content":"sight and feeling"},{"id":"","_key":"ZHvlnJ","src":{"id":656,"image":"https://gisteren.net/wp-content/uploads/2024/03/Scan_MFP-439_4359_001.jpg"},"title":"SENSING COLOUR","content":"Ice cream on a sunny day 2"},{"id":"","_key":"KLiKmR","src":{"id":27,"image":"https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-6-e1708450153332.png"},"title":"SENSING COLOUR","content":"Rain forest"},{"id":"","_key":"hwqgix","title":"SENSING COLOUR","src":{"id":28,"image":"https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-7-e1708450251186.png"},"content":"My grandmother"},{"id":"","_key":"E3A9GQ","title":"SENSING COLOUR","src":{"id":29,"image":"https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-8-e1708450360656.png"},"content":"Autumn's vulcano"},{"id":"","_key":"WHbTq4","src":{"id":30,"image":"https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-9.png"},"title":"SENSING COLOUR","content":"sight and feeling\n"},{"id":"","_key":"FkbzN4","content":"Grey and green\n\n","title":"SENSING COLOUR","src":{"id":33,"image":"https://gisteren.net/wp-content/uploads/2024/02/Green-4-e1708449110701.png"}},{"id":"","_key":"y4FDcU","src":{"id":32,"image":"https://gisteren.net/wp-content/uploads/2024/02/Green-3-e1708449155509.png"},"title":"SENSING COLOUR","content":"Green and gray"},{"id":"","_key":"QP19ZL","src":{"id":31,"image":"https://gisteren.net/wp-content/uploads/2024/02/Gree-2-e1708449190402.png"},"content":"Green and gray","title":"SENSING COLOUR"},{"id":"","_key":"E10nvV","src":{"id":34,"image":"https://gisteren.net/wp-content/uploads/2024/02/Horizon-1-e1708450524169.png"},"title":"SENSING COLOUR","content":"Flag 1","lazyLoad":true},{"id":"","_key":"AiqAIY","src":{"id":35,"image":"https://gisteren.net/wp-content/uploads/2024/02/Horizon-2-e1708450615335.png"},"title":"SENSING COLOUR","content":"Flag 2"},{"id":"","_key":"IZfCJK","src":{"id":36,"image":"https://gisteren.net/wp-content/uploads/2024/02/Horizon-3-e1708450675768.png"},"title":"SENSING COLOUR","content":"Flag 3"},{"id":"","_key":"qCCyq6","src":{"id":38,"image":"https://gisteren.net/wp-content/uploads/2024/02/Stripes-e1708450882754.png"},"title":"SENSING COLOUR","content":"Wall piece"},{"id":"","_key":"TMTQZi","src":{"id":41,"image":"https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-3-e1708450958228.png"},"title":"SENSING COLOUR","content":"Mélange 1"},{"id":"","_key":"iNd6M9","src":{"id":40,"image":"https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-2-e1708449534885.png"},"title":"SENSING COLOUR","content":"Mélange 2"},{"id":"","_key":"6VWpLu","src":{"id":39,"image":"https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-1-e1708451104201.png"},"title":"SENSING COLOUR","content":"Mélange 3"},{"id":"","_key":"xOqZlX","src":{"id":37,"image":"https://gisteren.net/wp-content/uploads/2024/02/Pouch-1-e1708450765944.png"},"title":"SENSING COLOUR","content":"Mélange 4"}],"iconPadding":{"Desktop":[]},"iconBorder":{"radius":{"Desktop":[]},"all":{"color":{"r":255,"g":255,"b":255,"a":1}}},"itemPadding":{"Desktop":[]},"itemMargin":{"Desktop":[]},"itemBorder":{"radius":{"Desktop":[]},"all":{"color":""}},"itemBackground":{"type":"gradient","gradientType":"radial","gradientRadial":"top center","gradientColor":[{"color":"rgba(224, 224, 224, 1)","active":false,"opacity":1,"id":1,"offset":"0.000"},{"color":"rgba(234, 234, 234, 1)","active":false,"id":6,"offset":"0.268"},{"color":"rgba(234, 234, 234, 1)","active":false,"id":5,"offset":"0.566"},{"color":"rgba(234, 234, 234, 1)","active":false,"opacity":1,"id":3,"offset":"0.804"},{"color":"rgba(234, 234, 234, 1)","active":false,"id":4,"offset":"1.000"},{"color":"rgba(230, 230, 230, 1)","active":true,"opacity":1,"id":2,"offset":"1.000"}]},"itemHoverBackground":{"type":"gradient","gradientColor":[{"color":"rgba(255, 255, 255, 1)","active":false,"opacity":1,"id":1,"offset":"0.000"},{"color":"rgba(255, 255, 255, 1)","active":true,"opacity":1,"id":2,"offset":"1.000"}]},"itemHoverOpacity":{"Desktop":"0.55"},"itemHoverPadding":{"Desktop":[],"Tablet":[],"Mobile":[]},"itemHoverBorder":{"radius":{"Desktop":[]}},"itemHoverAlign":{"Desktop":"left"},"itemHoverTitleColor":{"r":3,"g":0,"b":0,"a":1},"itemHoverTitleColorHover":{"r":0,"g":0,"b":0,"a":1},"itemHoverTitleTypography":{"font":{"label":"EB Garamond","value":"EB Garamond","type":"google"},"size":{"Desktop":{"point":"12","unit":"px"}},"lineHeight":{"Desktop":{"point":"1","unit":"px"}},"weight":"normal","spacing":{"Desktop":"0.2"}},"itemHoverTitleMargin":{"Desktop":{"unit":"px","dimension":{"top":"-140","right":"0","bottom":"","left":"12"}},"Tablet":[],"Mobile":{"unit":"px","dimension":{"top":"-90"}}},"itemHoverTitlePadding":{"Desktop":{"unit":"px","dimension":{"top":"300","bottom":""}},"Tablet":[],"Mobile":[]},"itemHoverContentColor":{"type":"variable","id":"black"},"itemHoverContentTypography":{"font":{"label":"EB Garamond","value":"EB Garamond","type":"google"},"size":{"Desktop":{"point":"12","unit":"px"}},"lineHeight":{"Desktop":{"point":"","unit":"px"}},"weight":"400","transform":"inherit","spacing":{"Desktop":"0.2"},"style":"italic"},"itemHoverContentMargin":{"Desktop":{"unit":"px","dimension":{"bottom":"","left":"12","top":""}},"Tablet":[],"Mobile":{"unit":"px","dimension":{"top":"","right":"","bottom":"","left":""}}},"itemHoverContentPadding":{"Desktop":[],"Tablet":[],"Mobile":[]},"itemCardBackground":{"type":"default","color":{"r":251,"g":251,"b":251,"a":1},"blendMode":{"Desktop":"overlay"},"fixed":{"Desktop":true}},"itemCardPadding":{"Desktop":[]},"itemCardBorder":{"radius":{"Desktop":[]}},"itemCardTitleMargin":{"Desktop":{"unit":"px","dimension":{"top":""}}},"itemCardTitlePadding":{"Desktop":[]},"itemCardContentMargin":{"Desktop":[]},"itemCardContentPadding":{"Desktop":[]},"categoryPadding":{"Desktop":[]},"categoryMargin":{"Desktop":[]},"categoryBorderRadius":{"Desktop":[]},"loadMorePadding":{"Desktop":[]},"loadMoreBorder":{"radius":{"Desktop":[]}},"filterTabPadding":{"Desktop":[],"Mobile":[]},"filterTabMargin":{"Desktop":[],"Mobile":[]},"filterTabBackground":{"type":"default","image":{"Desktop":[]}},"filterTabBorder":{"radius":{"Desktop":[]}},"filterTabBorderResponsive":{"Mobile":{"radius":[]}},"filterSearchBorder":{"radius":{"Desktop":[]}},"filterSearchMargin":{"Desktop":[]},"filterSearchFormBorder":{"radius":{"Desktop":[]}},"filterSearchDropdownBorder":{"radius":{"Desktop":[]}},"filterSearchDropdownPadding":{"Desktop":[]},"background":{"type":"default","gradientColor":[{"color":"rgba(255, 255, 255, 1)","active":true,"opacity":1,"id":1,"offset":"0.000"},{"color":"rgba(255, 255, 255, 1)","active":false,"opacity":1,"id":2,"offset":"1.000"}],"color":{"r":255,"g":255,"b":255,"a":1}},"backgroundHover":{"type":"default","color":{"r":255,"g":255,"b":255,"a":1},"fixed":{"Desktop":false},"image":{"Desktop":[]}},"border":{"radius":{"Desktop":[]}},"margin":{"Desktop":[]},"padding":{"Desktop":[]},"iconWrapperMargin":{"Desktop":[]}} -->
<div class="guten-element guten-gallery guten-mJwjsq layout-overlay grid-desktop-4 grid-tablet-3 grid-mobile-1" data-grid="masonry"><div class="gutenverse-popup-gallery hidden"><div class="gallery-header"><div class="left-header"></div><div class="right-header"><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-fullscreen"><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"></path></svg><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-minimize hidden"><path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"></path></svg><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-zoom"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line><line x1="11" y1="8" x2="11" y2="14"></line><line x1="8" y1="11" x2="14" y2="11"></line></svg><svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div></div><div class="gallery-body"><div class="images"><div id="guten-mJwjsq" class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-4-e1708450009385.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/03/Colourblocked-3.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-2-e1708449929135.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-1.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/03/Scan_MFP-439_4359_001.jpg" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-6-e1708450153332.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-7-e1708450251186.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-8-e1708450360656.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-9.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Green-4-e1708449110701.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Green-3-e1708449155509.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Gree-2-e1708449190402.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Horizon-1-e1708450524169.png" alt="SENSING COLOUR" loading="lazy"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Horizon-2-e1708450615335.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Horizon-3-e1708450675768.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Stripes-e1708450882754.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-3-e1708450958228.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-2-e1708449534885.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-1-e1708451104201.png" alt="SENSING COLOUR"/></div></div><div class="swiper-slide image-list"><div class="content-image swiper-zoom-container"><img class="main-image" src="https://gisteren.net/wp-content/uploads/2024/02/Pouch-1-e1708450765944.png" alt="SENSING COLOUR"/></div></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div></div></div></div></div><div class="gallery-items" data-loaded="24" data-more="2" data-max="20"><div class="gallery-item-wrap " data-index="0" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-4-e1708450009385.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">sight and feeling</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="1" data-control="Two"><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/03/Colourblocked-3.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">
Opera at the beach</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="2" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-2-e1708449929135.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Ice cream on a sunny day
</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="3" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-1.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">sight and feeling</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="4" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/03/Scan_MFP-439_4359_001.jpg" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Ice cream on a sunny day 2</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="5" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-6-e1708450153332.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Rain forest</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="6" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-7-e1708450251186.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">My grandmother</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="7" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-8-e1708450360656.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Autumn's vulcano</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="8" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Colourblocked-9.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">sight and feeling
</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="9" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Green-4-e1708449110701.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Grey and green
</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="10" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Green-3-e1708449155509.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Green and gray</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="11" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Gree-2-e1708449190402.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Green and gray</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="12" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Horizon-1-e1708450524169.png" alt="SENSING COLOUR" loading="lazy"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Flag 1</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="13" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Horizon-2-e1708450615335.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Flag 2</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="14" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Horizon-3-e1708450675768.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Flag 3</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="15" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Stripes-e1708450882754.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Wall piece</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="16" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-3-e1708450958228.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Mélange 1</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="17" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-2-e1708449534885.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Mélange 2</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="18" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Wallpiece-1-e1708451104201.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Mélange 3</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div><div class="gallery-item-wrap " data-index="19" data-control=""><div class="grid-item"><div class="thumbnail-wrap"><img src="https://gisteren.net/wp-content/uploads/2024/02/Pouch-1-e1708450765944.png" alt="SENSING COLOUR"/><div class="caption-wrap style-overlay overlay-overlay animated fade-in"><div class="item-hover-bg"></div><div class="item-caption-over"><h5 class="item-title">SENSING COLOUR</h5><div class="item-content">Mélange 4</div><div class="item-buttons"><div class="gallery-link zoom with-text"><p class="item-icon-text zoom-text"></p></div></div></div><div class="caption-head"></div></div></div></div></div></div></div>
<!-- /wp:gutenverse/gallery -->Thank you so much for the tip about the color setting of the item hover, I changed it from blue to transparent white effortlessly, moving on from that is there a way to change the black semi transparent black background, when we click on the image?
Hi,
We’ve identified this as a bug and are working on a fix.
Regarding the pop-up style, our plugin currently doesn’t offer a direct way to edit it. However, if you need to change the pop-up background, you can use custom CSS.
.guten-mJwjsq .gutenverse-popup-gallery {
background-color: rgba(0, 0, 0, 0.8) !important;
}For the gallery you sent, the element ID is [guten-mJwjsq]. If you want to apply the change to every gallery, you can just remove the element ID.
Let me know if you need further assistance.
regards,
gutenverse support.Hi,
The issue should be resolved in the upcoming update of the plugin.
Regards,
Gutenverse Support
- You must be logged in to reply to this topic.