bythewest Posted September 7, 2023 Share Posted September 7, 2023 (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, 2023 by bythewest Link to comment
tuanphan Posted September 12, 2023 Share Posted September 12, 2023 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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