Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
kcop

Customizing margins in carousel gallery

Question

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! 

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

@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.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0

@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. 

 

Share this post


Link to post
  • 0

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

Edited by Loriiii

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...