Jump to content

How to round corners, edit size, padding, and font style of description box in a gallery block sideshow with CSS code?

Recommended Posts


I've been trying to add code to edit the description box of my slideshow gallery block within my index page and I can't seem to round the corners properly. It seems as though there's another layer of color underneath preventing me from doing it. I would also like to edit the size of the description box while making it responsive... Any suggestions? This is what I currently have:

/* Gallery Block Slideshow Box */ .sqs-gallery-block-slideshow .meta .meta-inside {
background-color: transparent;
border-radius: 20px; }

/* Title Gallery Block Slideshow */
.sqs-gallery-block-slideshow .meta .meta-title {
font-family: omnes-pro;
font-size: 5vw;
line-height: 1.4em;
color: #fff;
border-radius: 20px; }

/* Description Gallery Block Slideshow */
.sqs-gallery-block-slideshow .meta .meta-description p {
font-family: Omnes-Pro;
font-style: normal;
font-size: 1.5vw;
line-height: 2em;
color: #fff;
border-radius: 20px; }

Thank you for the help!

Link to comment
  • Replies 2
  • Created
  • Last Reply


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.