Search the Community
Showing results for tags 'zoom'.
-
Allow pinch-to-zoom for Lightbox images on mobile?
Glenno posted a question in Coding and Customization
Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you! -
Hi! i'm helping a friend with her website, she is a yoga teacher. She has multiple class options (eg Monday class, Tuesday class etc). She wants the customer to be automatically sent the correct zoom for the day of the week they purchase (but not have access to other day's codes) I've looked into digital downloads but this isn't suitable for various reasons. Thank you!
-
Site URL: https://www.ohyeahloveit.com/ Is there a way to embed a zoom meeting room into a squarespace site? I've been looking at zapier, and there's a way to integrate them, but I don't really understand what is/isn't possible. Has anyone figured out how to do this? (Or how to use a different video conferencing app?)
-
Is the a way to stop zooming in on Mobile view?
scholarsayze posted a question in Coding and Customization
Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, Is there a way to disable any zoom on mobile device? For example, when I look at my site sometimes I accidentally zoom in and it looks odd as attached! Site - https://bluebird-porcupine-yzdg.squarespace.com/ Pword - bluebird Best, Faizal -
Hello! My site is currently private so I can't share a link (even if i password protect a page), but hopefully somebody can help me. I'm tearing my hair out trying to sort out a header banner issue. I've created it to the correct proportions in photoshop, but it keeps zooming in when I add it to the site. I've attached two images below - one with the text showing how it appears on site (cutting off the candle flame), the other below showing how I'd like it to look (with space above the candle) Any help would be really appreciated, I've searched the forums and haven't found
-
Site URL: https://www.kanbeeapp.com/kanbee-earlyaccess-signup-banking-app On the mobile version of our website, whenever we click on the form to write email it zooms in. How do we prevent this? -
Zoom to images OR a custom lightbox with zoom?
ChantelZP posted a question in Coding and Customization
Hello! This seems to be an unanswered topic on here (or the answers are from a couple of years ago). I am setting up a new Squarespace site using the Jasper template. I have images I need to upload that are annotated and I need to allow for the user to either: 1) zoom in to the image (like this... but I wasn't able to get this to work: https://www.magictoolbox.com/squarespace/) OR 2) add zoom in/out functionality to a lightbox. Is this possible? Let me know.... and if I can get this to work on another template please let me know. Many thanks! -
I have what seems like a simple request: I'd like to create a gallery page where you can zoom in on the images. Some of the pictures are tall and narrow, and thus, it's important that you can zoom in and then scroll to see the entire image close up. I've tried using image blocks, a gallery page template, and a gallery block within a regular page, and none seem to allow sufficient zooming, even in lightbox box mode. Is there code I can add for this? Thanks in advance!! -
Site URL: https://www.crackenbackclinic.com.au/ Hi I'm trying to get the circles on this website to zoom on hover. I've used this code previously in 7.0 that worked, but it doesn't appear to be working for 7.1 #block-yui_3_17_2_1_1606190384602_14094 img:hover {transform: scale(1.1); transition: .4s;} .sqs-block-image {overflow:hidden!important;}
-
Zoom and Overlay upon Hover + PNG Logo that Stays
Ptphotography posted a question in Coding and Customization
Hello everyone, We need a huge favour! We were wondering if you can help us with the code to achieve the same effect as this website: https://www.gettyimages.ae/?utm_medium=email&aid=38765&elqTrackId=8143679557fd4633899ca958a781a360&elq=d3c40384b13d4cc1b7c1b98f6ebbc448&elqaid=38765&elqat=1&elqCampaignId=21549&elqcst=272&elqcsid=23433 Upon Hover, the image zooms with grey overlay and text appears. But please bear in mind only the image zooms in and the Text stays. In our case, we would like to know if possible to achieve the same ef -
Image Zoom/Magnify within Lightbox Anything gallery section
PatrickJ posted a question in Coding and Customization
Site URL: https://raccoon-salamander-dgyf.squarespace.com Hey y'all, so I have lightbox anything set up to display an image gallery when a user clicks an image on the Collections page (password for the site is highfashion, if you want to take a look. I need a way to integrate some kind of magnifying glass or an image zoom that follows the cursor within the lightbox, any ideas? Cheers! @tuanphan, any help? 🙏🏽 -
Zoom Hover Effect for Gallery Images with Links
Neighbors posted a question in Coding and Customization
Can someone help figure out why the code I am using is not working? I'm following this tutorial and using the sample code provided, but for some reason the changes are not effecting my gallery and I'm guessing this is due to them being linked. Here's the tutorial: Here is my CSS: .gallery-grid-image img:hover{transform:Scale(1.2);width:100%;height:100%;Overflow:hidden!important; transition-duration:2s} .gallery-grid-image image:{overflow:hidden!important;} -
Livestream ability (using Zoom or YouTube)
kathleengreen posted a question in Coding and Customization
Site URL: https://www.naceramekki.com/ Hi, Does anyone have any experience with bringing livestream to your website. I am looking to livestream classes through my website. Thanks! -
Not every product necessary needs the zoom-in especially if you don't need to be providing a detail shot i.e. the user doesn't know what they are zooming in for. I'm wondering how to disable the zoom for individual products. I am assuming #item- specific code with css disabling the zoom feature. I haven't been able to figure it out. -
Site URL: https://www.rogerrabbs.com/shop/2020/5/1/k7v3q7637ggdp3v5fysr9t6ubia0vz Hello all, My desktop version of my website is able to zoom in on products, but this isn't the case in mobile version. Can anyone help me achieve this for my products on mobile version. I would also like to apply a slide show for products with multiple photos. Any help will greatly be appreciated!
-
Site URL: https://dinosaur-tiger-652m.squarespace.com/potenziale Hi, I want to create a zoomable map (Image). Something like that: https://www.w3schools.com/howto/howto_js_image_magnifier_glass.asp But I don't know where to put the code exactly. Thanks a lot for your help! Angela
-
Site URL: https://www.growthsigma.com/ On my main page of my website if I zoom in/out using Google Chrome, the text gets bigger, but the picture stays the same size. This creates problems with white space if folks come to my site and are on different settings for how far they are zoomed in/out. If you go to other websites, and zoom in or out, all of the content (graphics and text), scale up and down together. Squarespace says the issue is with Google, but cant explain why I'm not getting the same effect on other sites not hosted by SS. Any ideas would be greatly appreciated. Thanks, Tim
-
I would like to be able to zoom in on images on my website when they are open in the lightbox...I'd like to be able to zoom in either by scrolling or by clicking + /- buttons and then be able to pan around. I do not want a magnifier though. And I don't want to lose the ability of clicking the arrows on the sides to go to the next image. Is there a code I can add to make zooming in on an images in the lightbox possible? My website isn't published yet, so I can't provide a link... I don't understand coding at all, so I don't know how much information is needed, but my images are in a Summar
-
I'm trying to add a hover zoom on my slideshow gallery. I'm using Rally (Brine Family) which is a 7.0 version. All the custom CSS I've found so far only applies to 7.1. Help!
-
Site URL: https://www.tainoshipping.squarespace.com I am trying to set up a set of header images for my website. This also includes the Mobile Fallback Image for the header video in the home page. The issue is that these images arbitrarily zoom in and as a result the images never look right. How can I disable this autozoom or at least lessen it, given these images are wider than the 1.8k max width (px)?
-
Hi - a web designer had built my website in here and integrated Shopify for the ecommerce platform - HOWEVER my pics are terrible - in Shopify they look great - you can zoom, hover, magnify, all the rest but on my actual website even though Zoom and Lightbox etc is activated - nothing works. Any ideas PLEASE!
-
Site URL: https://www.favillastudio.dk/workshops Can anyone help. I love this site - https://www.favillastudio.dk/workshops and I really want to get my images to do the same with the scrolling and zoom fuction when you scroll down the page. I know theres the reveal animation option but I want it to be stronger like the favilla site and also to have the zoom function once its been revealed. Any help would be welcome 🙂
-
Hover Effect over images in Grid Gallery
Calvin1570048713 posted a question in Coding and Customization
I am using the Miller Template and would like a simple zoom effect when hovering over images within a grid gallery. -
I have found the right code to zoom my images on hover easy enough. I am, however, struggling to figure out how to make the zoom point follow the curser as you move it across the image. here is an example of what i am after: https://t-o-o-g-o-o-d.com/carhartt-wip Any ideas or help would be very much appreciated! Claudia
-
Site URL: https://belwooddesigns.com I have some images for products that are portrait and some that are landscaped. Some look good on mobile and some that are cropped out like crazy. Is there any way to make changes on each product in the design tab? I noticed when I make a change it changes them all? I supposed I can delete the Items block on the store page and sit there listing them one by one with product blocks which would kinda suck. You can see an example of what I mean below with the original item. I'm not super familiar with editing the CSS if thats the only fix but I
