Customize size and position of slideshow image (simple gallery section)

My homepage is a gallery section (slideshow: simple). I would like the central image to be a bit smaller and further down (centered vertically on the page). Is it possible to do this with custom CSS?

https://www.drewdepinto.com/

Thanks!

53 minutes ago, drewdp said:

My homepage is a gallery section (slideshow: simple). I would like the central image to be a bit smaller and further down (centered vertically on the page). Is it possible to do this with custom CSS?

https://www.drewdepinto.com/

Thanks!

You mean this section to be moved down a bit? 

2 hours ago, Beyondspace said:

You mean this section to be moved down a bit? 

 

Yes, to make the image smaller and center it vertically

@tuanphan Is this something you could help with?

On 4/7/2024 at 11:57 PM, drewdp said:

@tuanphan Is this something you could help with?

You can use this code to Website > Website Tools > Custom CSS

body.homepage .gallery-slideshow {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    width: 100%;
}