Change gallery buttons and caption to a given position

Site URL: https://www.nosebonk.com/

Hi all,

Im new to Squarespace and trying to do some changes that are not posible via de regular UI.

Can anyone help me to modify some element of the photogallery via custom CSS.

I need to change the placement of the buttons and the size of the captions.

In the attached mobile screen you can see the buttons and the text are colliding, would love to be able to move the buttons on top of the image for the text to be visible and bolder.

Any suggestion?

Thanks!

20 hours ago, nosebonk said:

Site URL: https://www.nosebonk.com/

Hi all,

Im new to Squarespace and trying to do some changes that are not posible via de regular UI.

Can anyone help me to modify some element of the photogallery via custom CSS.

I need to change the placement of the buttons and the size of the captions.

In the attached mobile screen you can see the buttons and the text are colliding, would love to be able to move the buttons on top of the image for the text to be visible and bolder.

 

Any suggestion?

 

Thanks!

Add to Design > Custom CSS

/* Mobile-Gallery Reel arrows */
@media screen and (max-width:767px) {
.gallery-reel-controls {
    bottom: unset !important;
    top: -50px !important;
}
.gallery-reel-item p.gallery-caption-content {
    font-size: 1.5rem;
}
}