aamindosnaps Posted June 23, 2022 Share Posted June 23, 2022 Site URL: https://www.adamamin.com.au/home/cost-house-clovelly I'm building a project page for my photography website. Using the grid: simple layout to show all the images, I find that it crops the images to conform to the aspect ratio. Is there an ability to add a white background instead so that the images can keep their aspect ratio? This is best explained in the website example below: https://derekswalwellprints.com/collections/outdistance Scroll to the bottom to find: Link to comment
Solution tuanphan Posted June 23, 2022 Solution Share Posted June 23, 2022 Try adding to Design > Custom CSS .gallery-grid-item img { object-fit: contain !important; } 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
aamindosnaps Posted July 6, 2022 Author Share Posted July 6, 2022 Wow this worked wonderfully! Thanks tuanphan! Any code to add a similar stroke to the grid? To help seperate each cell the image lives in. Thanks a million! Link to comment
tuanphan Posted July 7, 2022 Share Posted July 7, 2022 On 7/6/2022 at 10:44 AM, aamindosnaps said: Wow this worked wonderfully! Thanks tuanphan! Any code to add a similar stroke to the grid? To help seperate each cell the image lives in. Thanks a million! Edit Page > Add a Code Block (anywhere) > Paste this code <style> figure.gallery-grid-item { border: 1px solid grey; padding: 10px; } </style> aamindosnaps 1 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
aamindosnaps Posted July 19, 2022 Author Share Posted July 19, 2022 Worked wonderfully! 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