Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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



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!

Edited by saramayel
Initial Revision

Share this post

Link to post

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...