Jump to content

Remove Padding and Border around Galleries

By andrewlanglois, in Customize with code

Go to solution Solved by andrewlanglois,

Recommended Posts

andrewlanglois Level 4

andrewlanglois

Posted
Posted (edited)

Hello!

I am looking to add a border and remove any padding from the multiple slideshow galleries that I have on this page:

https://www.envisionsolutionsgroup.com/retail-displays

I should callout that I have a light box plugin applied to these galleries.

Lastly, is there any way to remove the left and right arrows that appear on the first thumbnail image but then have them appear once the light box is activated (once clicked)?

Thanks for your help!

Edited by andrewlanglois
Link to comment
  • Replies 1
  • Views 244
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

  • Solution
andrewlanglois Level 4

andrewlanglois

Posted
  • Author
  • Solution
Posted

The developer of the light box everything plug in from SQSP Themes just reached out to me and provided me with this code that worked perfectly when injected into the page specific Header Code.

<style>
.Main.Main--page .sqs-gallery-controls {
  display: none;
}
.Main.Main--page .gallery-block {
  border: 2px solid #ccc;
  margin-left: -2px;
  margin-top: -2px;
}
</style>

They went above and beyond to help me, so be sure to check them out.

Link to comment

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources