Have caption appear below image in simple slideshow gallery

Hi there!

I have a simple slideshow gallery I am making for a clients portfolio website- she wants the captions to appear below each image, but currently they sit directly over the image (see screenshot attached). I guess I need a custom css to fix this? thank you!!!

1 hour ago, km_1991 said:

Hi there!

I have a simple slideshow gallery I am making for a clients portfolio website- she wants the captions to appear below each image, but currently they sit directly over the image (see screenshot attached). I guess I need a custom css to fix this? thank you!!!

Can you share your website URL?

that worked! youre a life saver. One more question- is there any way to get rid of the white box that surrounds it? so nothing is covering the image?

12 minutes ago, km_1991 said:

that worked! youre a life saver. One more question- is there any way to get rid of the white box that surrounds it? so nothing is covering the image?

replace the code with these

.gallery-caption {
  top: 100% !important;
  margin-top: 0 !important;
  height: auto !important;
  background: transparent !important;
}

AMAZING. You are truly saving my life lol. THANK YOU THANK YOU THANK YOU

Hi again! So i am noticing that when i plugged that code in, the caption is GREAT but now the image that you have to click on to get there is effected. I guess what im saying is when i plug in your code that worked for me, the code to get my image descriptions to appear on hover are broken. 

I need the lightbox captions to be lower. THANKYOU!

website: 

www.selenasanders.squarespace.com

password is "password" 

On 10/12/2023 at 2:20 PM, Web_Solutions said:

 

replace the code with these

.gallery-caption {
  top: 100% !important;
  margin-top: 0 !important;
  height: auto !important;
  background: transparent !important;
}

 

Can this code be modified to adjust only mobile?

On 10/18/2023 at 6:44 AM, km_1991 said:

Hi again! So i am noticing that when i plugged that code in, the caption is GREAT but now the image that you have to click on to get there is effected. I guess what im saying is when i plug in your code that worked for me, the code to get my image descriptions to appear on hover are broken. 

I need the lightbox captions to be lower. THANKYOU!

website: 

www.selenasanders.squarespace.com

password is "password" 

Is the problem solved?

5 hours ago, km_1991 said:

Can this code be modified to adjust only mobile?

This is for mobile code

@media only screen and (max-width: 767px) {
  .gallery-caption {
    top: 90% !important;
  }
}