bythewest Posted September 7 Share Posted September 7 (edited) Hello talented friends, Been very happy with my template for quite some time, but there is a major area where it needs improvement - the gallery pages. My Montauk template is currently setup with the grid gallery index page, but my individual wedding pages are in a stacked gallery style. I want to prevent people from having to scroll so much to view each gallery and would like to grid the photos. Are there any solutions to this without jumping to an entirely new template? If not are there any similar templates with a grid layout gallery? Examples - Grid Style Indexhttps://markblakebythewest.com/colorado-elopement-photographer Stacked Style Galleryhttps://markblakebythewest.com/colorado-elopement-photographer#/david-x-ivette-moab-utah-elopement-wedding-photography Best, Mark Edited September 7 by bythewest Link to comment
tuanphan Posted September 12 Share Posted September 12 You can add this to Website > Page (or Design) > Website Tools > Custom CSS @media screen and (min-width:641px) { body#collection-58ae78e36b8f5b8033856cef .image-list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px; } body#collection-58ae78e36b8f5b8033856cef .image-list img { margin: 0 !important; } body#collection-58ae78e36b8f5b8033856cef .image-list .image-meta { display: none; } } The code for this page: https://markblakebythewest.com/colorado-elopement-photographer#/david-x-ivette-moab-utah-elopement-wedding-photography Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment