Formatting Simple Slideshow caption text

Hi all,

I am currently redesigning my graphic design portfolio website and have come across a bit of an issue with caption inconsistencies. The page https://www.ellajenkinsdesigns.com/design/slow-rush illustrates my problem the best.

On the project page, I am using two types of galleries to display images of my work: "Slideshow: Simple" and "Grid: Simple." When I added the simple grid, I thought that the caption text was too small, so I inserted this CSS code to adjust it:

Quote

figcaption.gallery-caption.gallery-caption-grid-simple {
p {
  font-size: 90%;
  }
}

Although the simple grid images' captions now look the way I wanted, I am noticing inconsistencies with the simple slideshow caption. Is there any CSS code that could make the simple slideshow captions look exactly like the simple grid captions (ie. increasing text size, left-aligning text, and adjusting the distance between the images and the captions)?

Any tips or advice would really help me out and be greatly appreciated!

You can change to this code

figcaption.gallery-caption {
p {
  font-size: 90% !important;
  }
}

@tuanphan That seemed to have helped make the font sizes the same, which is good. However, is there a way to left-align the simple slideshows' caption text so it looks like the simple grid's caption text?

I'm also noticing an awkward gap between the bottom of the simple slideshows' images and the captions—could there be a way to fix that as well? I like the spacing between the caption and images for the simple grids, so if there was a way to have the spacing look similar to that I would really appreciate it.

Thanks for all of the assistance with my site so far 🙂

On 3/28/2023 at 10:44 AM, ejenks said:

@tuanphan That seemed to have helped make the font sizes the same, which is good. However, is there a way to left-align the simple slideshows' caption text so it looks like the simple grid's caption text?

I'm also noticing an awkward gap between the bottom of the simple slideshows' images and the captions—could there be a way to fix that as well? I like the spacing between the caption and images for the simple grids, so if there was a way to have the spacing look similar to that I would really appreciate it.

Thanks for all of the assistance with my site so far 🙂

Try adding this CSS under

figcaption.gallery-caption.gallery-caption-slideshow {
    max-width: unset !important;
    margin: 0 !important;
}

@tuanphan That code seemed to have changed the text formatting from being two lines long to one line long