Ptphotography

@bangank36 This is amazing! It worked as expected. Thank you for your help. Stay safe always, K

Hello everyone, Please lend me your help. Upon hover, my gallery images zooms in and out, the zoom in transition is smooth but the zoom out effect is rather sudden so the end result looks jumpy. Here is the code I used: .gallery-grid-item img:hover{ transform:Scale(1.1); transition-duration: 1s; } .gallery-grid-item {overflow:hidden!important } Please someone tell me what I did wrong in my code. Here is the link to my gallery: https://www.ptphotography.com/stmoritz-badrutts-palace-hotel-switzerland For reference, we want to achieve the same smooth

You're a life saver, this made my day 😭🙏! You have assisted for a long time so I've learned to tweak the code to apply it to the rest of my pages. Thank you once again. Stay safe and healthy always, K

@tuanphan thank you for extending your assistance. You are the kindest and you made me so happy 😭 Please let's do whatever you think is best for our website. Stay safe, K

@tuanphan I am forever grateful! Take care always 😊

Thank you @tuanphan Bless you heart 🙏☺️

Good day, Please help us with the code to zoom in the product images on hover. We want it to have the same effect as our gallery page: https://www.ptphotography.com/stmoritz-badrutts-palace-hotel-switzerland This is code we used for the gallery page if it is helpful: .gallery-grid-item img:hover{height:100%!important; width:100%!important; transform:Scale(1.2); overflow:hidden!important; transition-duration:.5s} .gallery-grid-item {overflow:hidden!important} This is the link for our product page we want zoomed in: https://www.ptphotography.com/destina

Hello, I hope everyone is doing well. Please help me with the code to change the aspect ratio of my images to Lanscape/on its original size so it looks like this (after) on MOBILE. 'Before' is what it currently looks like. Site: https://www.ptphotography.com/mauritius-four-seasons-mauritius Thanks in advance, p.s the reason why I am doing this is so I can pinch-to-zoom and view the images in full size on mobile while keeping my beautiful grid gallery on desktop mode. This is the cheat I have thought about since Lightbox does not allow us to zoom the images on pho

Thanks @creedon

Thank you @creedon, this made me happy! Your code work as always. Last thing, you also help me the code to apply the same effect on mobile? I tried the code below but it didn't work 😅 @media only screen and (max-width: 600px) { .products.collection-content-wrapper .list-grid { grid-column-gap: 0; column-gap: 0; grid-row-gap: 0; } }

Hello, I hope everyone is doing well. Can anyone please help me with the code to remove the space between the product images. https://ptphotography.squarespace.com/destination-trial Thank you in advance, K

@tuanphan the code worked. Bless you! Additional favour please, at the moment we have successfully changed the column number to 1 but on preview, the image aspect ratio is yet to be set to square (before). Please, how do we change the aspect ratio to Lanscape/on its original size so it looks like this (after) Thank you for all your help. Stay safe, K p.s the reason why I am doing this is so I can pinch-to-zoom and view the images in full size on mobile while keeping my beautiful grid gallery on desktop mode. This is the cheat I have thought about since Lightbox does

Yes sir!

@tuanphan omg thanks 🙏 https://www.ptphotography.com/mauritius-four-seasons-mauritius Thanks, K

@tuanphan thank you so much for this! Thank goodness it is possible to change the icon. I have one last favour 🙏 At the moment we have this: I see that when you change the content number it shows a different icon, but no matter how hard I try, I can't find the letter and number combination to achieve this: All 4 squares filled background. Please help updating the code once again! Thank you, K