Jump to content

Customizing margins in carousel gallery

Recommended Posts

Hi all, 

I am using the Brine template and am adding a carousel gallery on the first index page. I was able to add padding to my images with a CSC code I found on here but I would also like for my images to fill the space from left to right. So I am wondering if there is a code out there to get my carresoul gallery to fill the space from left to right. 

Thanks in advance! 

Link to comment
  • Replies 6
  • Views 3.9k
  • Created
  • Last Reply

@kcop There are settings for gallery margins/padding in Site Styles so it isn't often necessary to use CSS. If there is something specific that you are having difficulty with, please provide a working link to the page on your website.

As a community, we love to help fellow Squarespace users improve their websites but it's not always easy for us to understand the issue unless we can see the page first hand. If the site isn't live, we need you to set a password in the visibility settings and tell us what it is.

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment

@paul2009 I am looking for the gallery on my very first index page (home page) to fill the whole space from left to right leaving no white space on neither of the sides but keeping the padding between the images the same. If that make sense. 

I have seen this done before, I'm just not too sure how to achieve it. 

My website is klaudiaco.com , password:KCO123

I used a CSS code to achieve the padding in the carousel gallery on the very first page. 

 

Link to comment
  • 4 weeks later...
  • 8 months later...
On 2/5/2020 at 4:29 AM, Loriiii said:

I just used this to add padding inbetween images in a carousel gallery block, i just increased the px value to add more space.

 


.sqs-gallery-design-strip img { margin-right: 2px; }

 

image.png

I was dying for this!!! Thanks a lot!!!!! 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.