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

css to change gallery style on one page only



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! 

Edited by ghee
Link to comment

4 answers to this question

Recommended Posts

  • 0

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

Create an account or sign in to comment

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

  • Create New...