Moving Caption box in Gallery Slideshow

Site URL: http://www.spiritualland.com.sg

Hello everyone!

I'm currently using the Brine template for my website. I have set the caption to appear on hover on the gallery block. This caption box is aligned to the bottom left, but there is space between the caption box and the edge of the photo.

Wondering if anyone knows how to move the caption box to any position desired. I do not want there to be any space between the edge of the caption box and the edge of the picture.

**I do not want to increase the size of the caption box.**
I have uploaded a picture to give an idea of where I'd possibly like the caption box to be instead. Any help would be appreciated!

P.S. The website is password protected. I can DM a temp password if needed. 

What is access password?

Hi @tuanphan

I DMed you the password 🙂
It's the same as before.

Add to Home > Design > custom CSS

.sqs-gallery-block-slideshow.sqs-gallery-block-meta-hover .meta {
    left:0 !important;
    bottom:0 !important;
    margin: 0 !important;
}

ahh thank you so much for the code @tuanphan !
It works great!