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

Custom CSS for Padding on Gallery Sides (Brine)

Question

Does anyone know the name of the (index) gallery container to which I can change the padding in Custom CSS? To replace the .xxx below

.xxx {padding-left, padding-right: 40px;}

I have a site padding of 40px and a padding between index gallery images of 20px.So the gallery sticks out by 20px more than the header and the rest of the site content.(If I put down no side padding for the index gallery in the style editor, then the gallery will stick out by 40px).

I could also apply the padding to the gallery page, instead of the gallery image container.

Using Brine, but I'm not sure it matters.

Edited by Bill1965
Initial Revision

Share this post


Link to post

2 answers to this question

Recommended Posts

  • 0

I figured it out looking at the page source

.Index-gallery {margin-left: 10px; margin-right: 10px;}

It's case specific, though... kind of odd: "Index" needs to be capitalized.

Share this post


Link to post
  • 0

That's correct. HTML class names are case-sensitive.


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

Create an account or sign in to comment

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


×
×
  • Create New...