Jump to content

css to change gallery style on one page only

Recommended Posts

Site URL: https://stephenmontague.com

Could someone kindly help me with the css to change the gallery style on a specific page: to have a gallery show as a slideshow banner on one page only, while having the other galleries show as grid in the Horizon template?

Ideally I would like a slideshow banner under the ABOUT index page, but leave the galleries elsewhere as grids.

Thank you! 

Link to comment
  • 8 months later...
  • Replies 4
  • Views 997
  • Created
  • Last Reply
  • 2 weeks later...
  • 4 weeks later...

The easiest way I've been able to achieve this is creating a gallery page for each gallery - in my example I had "Home Slideshow", "Weddings", and "Portraits". For Weddings and Portraits I wanted a grid style while I wanted the home gallery to be a Slideshow. 

I applied site wide styles to be the grid galleries and then put "Home Slideshow" under not linked and added an index page where I wanted the gallery, added a gallery block set to slideshow, and then added the below code to remove the padding and give it the full-width look. 

#home-slideshow .Index-page-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  max-width: 100%;


Hope this helps! 

Link to comment


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.