Ptphotography
Member-
Content Count
291 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
-
Smooth hover transition on Gallery
Ptphotography replied to Ptphotography's question in Coding and Customization
@bangank36 This is amazing! It worked as expected. Thank you for your help. Stay safe always, K -
Ptphotography reacted to an answer to a question: Smooth hover transition on Gallery
-
Ptphotography started following Reduce space between product images, Smooth hover transition on Gallery, Zoom on hover on product list and 1 other
-
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
-
Change size of Gallery Overview on Mobile
Ptphotography replied to Ptphotography's question in Coding and Customization
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 -
Ptphotography reacted to an answer to a question: Change size of Gallery Overview on Mobile
-
Change size of Gallery Overview on Mobile
Ptphotography replied to Ptphotography's question in Coding and Customization
@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 -
Ptphotography reacted to an answer to a question: Change size of Gallery Overview on Mobile
-
Zoom on hover on product list
Ptphotography replied to Ptphotography's question in Coding and Customization
@tuanphan I am forever grateful! Take care always π -
Ptphotography reacted to an answer to a question: Zoom on hover on product list
-
Change size of Gallery Overview on Mobile
Ptphotography replied to Ptphotography's question in Coding and Customization
Thank you @tuanphan Bless you heart πβΊοΈ -
Ptphotography reacted to an answer to a question: Change size of Gallery Overview on Mobile
-
creedon reacted to an answer to a question: Reduce space between product images
-
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
-
Change size of Gallery Overview on Mobile
Ptphotography posted a question in Coding and Customization
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 -
Reduce space between product images
Ptphotography replied to Ptphotography's question in Coding and Customization
Thanks @creedon -
Ptphotography reacted to an answer to a question: Reduce space between product images
-
Reduce space between product images
Ptphotography replied to Ptphotography's question in Coding and Customization
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; } } -
Ptphotography reacted to an answer to a question: Reduce space between product images
-
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
-
Ptphotography reacted to an answer to a question: 2nd image appears on hover + gets Redirected to another page if clicked
-
Change Column number in Mobile View to 1
Ptphotography replied to Ptphotography's question in Coding and Customization
@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 -
Ptphotography reacted to an answer to a question: Change Column number in Mobile View to 1
-
Change Column number in Mobile View to 1
Ptphotography replied to Ptphotography's question in Coding and Customization
@tuanphan omg thanks π https://www.ptphotography.com/mauritius-four-seasons-mauritius Thanks, K -
Change Close (exit) Icon on gallery pictures
Ptphotography replied to Ptphotography's question in Coding and Customization
@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