Rounded Corners on Custom Stacked Gallery

Hello, 

I'm having trouble custom styling a Stack Gallery in Squarespace. It's nearly how I want it, but I'm trying to get the border on the right side to be rounded, like the left side. Is this possible?

Here's a link, and it's under the title 'Gallery'. 
https://beckrocchi.squarespace.com/wedding-galleries/ainsley-and-stu
password: beckrocchi

Any suggestions, appreciated! Many thanks

42 minutes ago, holahannah said:

Hello, 

I'm having trouble custom styling a Stack Gallery in Squarespace. It's nearly how I want it, but I'm trying to get the border on the right side to be rounded, like the left side. Is this possible?

Here's a link, and it's under the title 'Gallery'. 
https://beckrocchi.squarespace.com/wedding-galleries/ainsley-and-stu
password: beckrocchi

Any suggestions, appreciated! Many thanks

It loook like 

44 minutes ago, holahannah said:

Hello, 

I'm having trouble custom styling a Stack Gallery in Squarespace. It's nearly how I want it, but I'm trying to get the border on the right side to be rounded, like the left side. Is this possible?

Here's a link, and it's under the title 'Gallery'. 
https://beckrocchi.squarespace.com/wedding-galleries/ainsley-and-stu
password: beckrocchi

Any suggestions, appreciated! Many thanks

I check that it works properly

Have you figured it out?

Hi @Beyondspace, 
Unfortunately not. While the images themselves have the rounded corners, because the last image in the slider goes beyond the slider margin, it has a straight edge - not rounded corners like I want. Attached is a screenshot of what I mean. 

Thanks

Hey @holahannah -

super cute site!

What I would normally suggest is that you add border radius to the gallery container, but since there is the scrollbar injected inside this container the gallery container isn't just holding the images

e.g.,

.sqs-gallery-container.sqs-gallery-block-stacked {
    border-radius: .625rem;
    overflow: hidden;
}

It seems that since the .js to add the scroll bar keeps it in the gallery container, you can't adjust the lower corners of the container to show the same radius. Not sure how much control you have over the slider placement here to make this adjustment yourself. 

IMO - halving the image like this does indicate to the user that there's more on the carousel, so might not be the worst thing.

Hi @TMFL, 

Thanks for taking the time to reply, and your helpful explanation. 

Yeah, I will see if I can play around with the scroll bar, but I agree with you actually, might not be so bad to leave it as is, to indicate further images. 

Thanks