Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'cropping'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 24 results

  1. Site URL: https://www.mackenan.com/about Hi, I am using the banner photos and for most pages they work well on both desktop and mobile. However, one particular photo is cropping too much on mobile. Is there a way to scale the photo down to crop differently on mobile only? See attached image to show how it is cropping. Thanks!
  2. Site URL: http://www.bird-cranberry-j4tc.squarespace.com Hi guys, I am having trouble when I upload the Background Image on Mobile View. It goes full width, which is greta for Desktop but it leaves mobile with a huge gap below. Is there a way to have it where it goes full height instead? Of course there is! That's why I need you guys. Thank you for your help, James Password: newmedia
  3. Site URL: https://www.ncdcma.org/ I would like to make our 3 objective pictures a little bit smaller. In the preview after cropping the images, it worked perfectly, but then I realized that Squarespace auto-crops certain images. Is there a custom CSS code that can stop this on only those three images (I do not want the banners or other images getting messed up). Thank you!!
  4. Site URL: https://www.threeoffourdesignco.com/ Hi there, I'm having trouble with my image in my footer cropping on the top and bottom when the browser gets more narrower (tablet and mobile). My sites password is question (all lowercase). I tried checking the stretch box and unchecking it and nothing seems to work. Thanks in advance!
  5. Site URL: https://www.woshltd.com I'm using the Crosby template for woshltd.com, but on mobile, the product image is cropping off the page and the text needs to be offset to the right so it doesn't sit over the product image. See attached image. Does anyone know how I can alter the layout of the mobile site? I've tried moving the focal point, but that didn't work and affects the desktop site. Any help would be greatly appreciated.
  6. Hey, My product images seem to either be cropped to all portrait or all landscape. I need some to be portrait and some landscape and I'm selling a range of photography. Am using version 7.1. Otherwise I really just want my photos to display as they are originally with no auto-cropping! How can I turn this off? Would appreciate any help!
  7. Site URL: https://www.blairhodge.info/ Help, 🙂 This has been driving me crazy for a while now and I would appreciate any help with this. I would like the index gallery slideshow to appear exactly as it is on the desktop view for Tablet and Mobile But when I go into Tablet and mobile view, certain images get cropped at the sides. Is it possible to scale down the entire index gallery slideshow using media queries to keep the desktop proportions? I'm using the Brine family (Greenwich Interior Design template) Site - https://www.blairhodge.info/ Appreciate any
  8. Site URL: https://indigo-hexahedron-khcs.squarespace.com/shop I have food photography that has all been cropped consistently with the baking trays located in exactly the same position with the same whitespace to the left, right, top & bottom, however when the images are displayed on the shop grid sometimes they're cropped close, sometimes far. I've re-saved the files multiple times, ensuring all the source files are the exact same 1500sq original source. I can't see any rhyme or reason why they're being displayed so differently. It's so frustrating! On the screenshots you can see they di
  9. Site URL: https://loveland-sculpture.squarespace.com I am having a huge amount of trouble with the auto-cropping that occurs on Squarespace for gallery slideshow images. I don't really understand why the slideshows aren't responsive? Is there any custom code I can use to make sure my images are not cropped on various screen sizes? (I am trying to talk my client out of images with text, but I would still like for the images to not be cropped in the slideshow)
  10. Site URL: https://www.squarespace.com/astroloteez My shop images are displaying perfect on web but all of the second picture on each of my product shots are all being cropped horrible on mobile. Does anyone know how to fix? I have attached web and mobile version.
  11. Site URL: https://maverickmpp.com I want my mobile slideshow to maintain the 1:1 aspect ratio (so it doesnt crop) however the below code isnt working: [data-section-id="5ea7884ee2aa7354f1889684"]{ height: 100vh !important; width:100vw !important; } www.maverickmpp.com
  12. Site URL: https://www.chacha-olivia.com/five-step-virtual-closet-reset Hi there, I am trying to get the full image to show on the landing page. It's getting cropped at the bottom. Anyway to include the entire image? Thanks in advance! -Kristen
  13. Site URL: https://cuboid-raspberry-mg37.squarespace.com/ Password: 12345 I am trying to update my banner image, however Squarespace keeps automatically cropping it. I have done numerous edits but squarespace doesn't focus it in centre or include whole uploaded image. As you can see I upload the correct image, and then Squarespace zooms or focus it away. Very frustrating. Image uploaded is 5403X 1771. Have tried different image sizes however it keepings happening.
  14. Site URL: https://www.nowthenjon.com/work/realpeople-j5m4f-mxwwj-np3bt-33nfa-wmggp-hr8w7-22acj-cngl5-zybdb-er84p-hpxdj-92kwk-3hbk3-6w5pb-ss35s-9267n-t2ywk-kmykb-76ykc-jf62f-ks9t7-445xx-32emd-adk6k-cwd3z-elr9x-bm8r5-3h9kp The link above shows a full-bleed video as the background in an image block. This works fine on desktop but doesn't crop at all well on mobile. I've tried with video blocks as they crop better when reducing, but I need the video full bleed for consistency and also want this to auto-play on a loop.. Is there a way to utilIse a video block instead as auto-play,
  15. Site URL: https://art.charlesstemen.com/ I'm selling photo prints. On mobile my product images are being cropped on the store, product, and fullscreen preview page in a way where the user will never see the full product. Making white bars on the images that get cropped or putting an duplicate image into the additional info were suggestions I got from Squarespage support - so clunky haha, not what I am looking for... I get and am ok with the cropping on the store / product page, but it seems crazy to me that the fullscreen image would be cropped and not just responsively fit any size ima
  16. Site URL: https://www.joannapaolaart.com I have two banners set up for parallax on they're working great on desktop. On mobile, they are both cropped so only the middle part shows (see screenshots). I would like it to show the full width of the banner on mobile as well as desktop. I have looked around and tried custom CSS but can't get any to work at all. I'm trying to use the mobile breakpoint to show the full width, but have not been able to get any change. This is with squarespace 7.0. I'm trying code like is suggested here, editing pageid etc, or trying to specify 100% width,
  17. Site URL: https://thepostvillage.com/ Hello, I came across a site using Brine ( https://thepostvillage.com/ ) and have been trying to figure out how they got the front page background video to not extend into the nav bar at the top while also leaving a gap / padding at the bottom. On the rest of their pages their banner images & videos extend into the nav bar, however. Digging into the index style options I haven't been able to recreate that look but also haven't found much CSS wise. How are they achieving that tidy crop?
  18. I am looking to be able to have photos of my products for the 'shop' section of my site in two differing aspect ratios. I have both vertical and horizontal images and don't want to have to choose one aspect ratio. Doing so crops half of my products in an unflattering way. There is no way to retake the photos in all the same aspect ratio. As ceramic work, all products tend to need different aspect ratios. Does anyone know of a custom CSS that will help this? I am using the Ventura template which does not have the Advanced Product page. Thanks!
  19. I can't for the life of me figure out how to make the thumbnails on my product page fit properly. Parts of some images are cut off. Thanks for any suggestions.
  20. Site URL: https://sparrow-minnow-h64a.squarespace.com/ When I go to mobile view to check my website is responsive, the two gallery index pages on my homepage don't show properly. The overlay text is cropped out and doesn't scale down to fit into the background. I'm using Brine template. Website: https://sparrow-minnow-h64a.squarespace.com/ Password: mirlo Mobile: Desktop:
  21. Hi, I have used a code block to contain an image and have created some code to allow this code block to crop relative to the page dimensions. I am however unsure how to keep the content centered vertically rather than cropping from the top. Here is an example of my current css .sqs-block { padding: -0 !important; margin-top: -0px; margin-bottom: -0px; object-fit: cover; max-height: 50vh; } Many thanks
  22. Hello All, Can anyone please help me in figuring out how to create this effect? I want one large image with two smaller images underneath it. I'm struggling to figure how to add smaller subordinate images. Please help!!!!!!
  23. I'm having some issues with my images not filling the image block space in full. They are set up on 'poster' layout mode which doesn't have a 'stretch' option, so the sizes are all over the place - especially in tablet/mobile format. I have used some CSS to make the images have a colour/text overlay upon hover. Was all working fine for weeks however, this issue has just arisen today. SquareSpace help couldn't figure it out so have sent to technical department for investigation, but no idea how long that would take and no guarantee of a fix. I need to launch website ASAP. A
  24. Site URL: https://lrcss.com/stone-soup-2020 Hey all, The banner image on my page works fine in squarespace but when I exit to view the site on my browser it crops in the menu. Anyone have a solution?
  • Create New...