Jump to content

Gallery Slideshow Caption Over Image

Recommended Posts

Site URL: https://khaki-snail-tesw.squarespace.com/

Hey guys,

 

I've maanged to move the gllery slideshow captions to on top of my images but I want to change the font and font size.

 

Also want to remove the caption background from behind the image.

 

Current CSS:

figure.gallery-masonry-item {
    position: relative;
}
.gallery-caption {
    position: static
}

.gallery-caption-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 300px;
   font-family: futura-pt, sans-serif;
    z-index: 999;
    padding: 7%;
    transition: opacity ease 200ms !important;
    opacity: 0 !important;
pointer-events: none;
}

.gallery-caption-content {
    opacity: 1 !important
}
 

 

Any ideas?

 

Thanks!

 

Frankie

Link to comment
  • Replies 1
  • Views 437
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.