Add custom style for gallery overlap

ejoweb · Mar 23, 2024 · e6f0baa · e6f0baa
1 parent 72c5536
commit e6f0baa
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -248,6 +248,7 @@ footer > .wp-block-group.has-primary-background-color > * {
 
 /* -------------------------------- CUSTOM ---------------------------------- */
 
+/* Image-button */
 .image-button-2 { position: relative; }
 .image-button-2 > .wp-block-image img {
     aspect-ratio: 21/9 !important;
@@ -256,4 +257,14 @@ footer > .wp-block-group.has-primary-background-color > * {
     position: absolute;
     right: 0;
     bottom: 0;
+}
+
+/* Gallery overlap */
+.wp-block-gallery--overlap {
+
+}
+
+.wp-block-gallery--overlap > figure + figure {
+    margin-left: calc( var(--wp--style--block-gap) * -4 ) !important;
+    opacity: 0.8;
 }