Jump to content

Remove Padding and Border around Galleries

Go to solution Solved by andrewlanglois,

Recommended Posts

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 255
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

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

×
×
  • 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.