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

Search the Community

Showing results for tags 'resize'.

More search options

  • 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



Found 49 results

  1. Hello everyone! Please help me with the code to reduce the size of the text on Mobile preview only (I am happy with the desktop preview). At the moment, this is how the text appears. Website: https://caterpillar-antelope-zbjy.squarespace.com/projects/vakkaru Password: ptphoto
  2. Site URL: https://cow-bellflower-d5mf.squarespace.com I'm trying to add code that creates a sticky navigation where the logo shrinks and spacing decreases upon scrolling. I've been working on this for a few days and nothing I find online seems to help. Link: https://cow-bellflower-d5mf.squarespace.com Password: temp2020
  3. Site URL: https://www.biocleandd.com Is there a fix to resize buttons for mobile. THey are appearing to be giant and out of context with the other info on the site. THANKS.
  4. Site URL: https://www.templederryproperties.co.uk/ Hi, I have two images the correct size on Desktop however on Mobile they are big. How can I resize these (on Mobile? https://www.templederryproperties.co.uk/ It is the two images on the left (Two Logos, Master Builders and Trust Mark. Thanks, Lee
  5. Site URL: https://natashashahphotography.com Hi, I'm looking for some custom code to help with image resizing. On mobile, images that are in a duo are now too small and not filling the screen. All of the images on tablet are too small and not filling the screen. Would love some help with fixing this. Thanks, Natasha
  6. Hi there, is it possible to have my site resize when scaled opposed to the default responsive design? For example, on this website https://numbered.studio/, when the site is scaled down, sections stay fixed in position and just get smaller. Any help would be greatly appreciated. I've got a site design I'm happy with, but everything moves out of place when the window is resized.
  7. Site URL: https://www.tofw.com/takecourage Hey All, I know this has been asked 1,000 times (because I have read them all) but I cannot seem to get my banner image to resize correctly for mobile, it is zooming in way to much. It looks perfect for desktop but not so great for tablet or mobile. I have tried all the different CSS code snippets I can find in the forums but nothing is working and I can't find the block id for the banner either. I am using the Bedford template on 7.0. I am at a total loss. Anyone have any ideas or a CSS code that will work?
  8. Site URL: https://firstseriescreative.com Hi everyone, Thank you for your time for this. Site: firstseriescreative.com Problem: The Scroll Down Indicator Gif (an image block) on the First Section of my Home page and About page are way too big on mobile version. Is there anyway that I can resize that for mobile with Custom CSS. Below is a screenshot. Many thanks and appreciate your time and help!
  9. Site URL: https://www.handford.com/ Hi, My gif is resizing for mobile version of site on these pages: https://www.handford.com/imaging https://www.handford.com/creative I've tried adding this code but doesn't seem to be doing the trick: <style> @media screen and (max-width:640px) { .homepage .section-background image { width: 100% !important; height: auto !important; } </style> Also would like to decrease the padding around the text in between the gif and the photo beneath. Thanks in advance!
  10. Site URL: https://www.thiscitymaps.com/ I have successfully added a header image to email via the post below. But it comes in huge. What code can I add to resize the image to be about half of the size?
  11. Site URL: https://aynaalondon.com Hi - my website is nearly finished apart from one thing. I have a gallery on this page: https://www.aynaalondon.com/our-story. This gallery is fine when viewed on the desktop: However, when viewed on mobile, the pictures are not on one row anymore: Is there any CSS code I can add in order to resize the gallery to ensure that the pictures are always on one row regardless of device? Thanks, AYNAA
  12. Site URL: https://www.juliancubelli.com/ Hello, I'm trying to get the image slide show on my homepage to fit the page on mobile, it currently cuts off 3/4's of the image by making it vertical is there any way to make the images fit horizontally any help would be greatly appreciated! Thanks, Julian C.
  13. Hello! i need help on my website - to resize image blocks when they stack on phone version - it looks perfect on a computer web browser , but once you switch to phone version it stacks and the image blocks expand and it looks messy, i`ll add picturres to show what i mean
  14. Site URL: https://www.bestsupplyatl.com/ I created this page on my mac, so whenever I open this page on mac, the banners looks perfectly fine. But, whenever I open it on windows with wide screen, regular screen, and even on the phone, the pictures are just cutting off. Any recommendations for this issue? Also, the pictures you see on banner spot, are not on banner page. I deleted the banner image, and uploaded the pictures on my intro, so I can make slideshows on banner spot. Thank you.
  15. Site URL: https://www.gotphotography.net/ Hey guys, I need some help with coding. I cannot for the life of me get the banner to resize for mobile. I have gone through the forums and tried several different suggestions on previous posts and nothing seems to work. My website looks amazing on desktop, but the banner is horribly cut off on several pages on mobile. I have 7.1
  16. I have a couple images that are the perfect size when viewed on a computer screen but are huge when viewed on mobile devices. Is there a way to keep those images small when the page is viewed on mobile devices for Squarespace 7.1 templates?
  17. Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-v11 Hello! Is it possible to change the size of an image for e.g. reduce it by 70%? Without having to adjust in Photoshop? Many thanks, Best, Faiz
  18. Site URL: https://www.goldanchormusic.com/songs I get SO frustrated using squarespace. For instance...you tell me, "it's so easy, resize content block by dragging the sides!" And yet...I CAN'T!! I can make it bigger vertically but not horizontally. You know how I made my contact page? Because the block was limiting me to about an inch of width?? I had to add an instagram block. THEN I added a spacer...remember I couldn't edit it to make it wider...so I slid it to the side of the instagram block because now I had another thing to slide NEXT to. Then I could finally stretch the spacer width wise until I COMPLETELY pushed the instagram block out. THEN I could add a text block. Which when I reformatted the font of my text it changed on EVERY page!????!! I have seriously struggled with your "easy" website tools. PLEASE HELP ME because now my music page is doing the same thing as my contact page and limiting the width. Therefore my songs are tiny squares instead of large displays of the cover art. HELP!! SOS!!
  19. Site URL: https://www.chriszforma.com/priorities/ The video about resizing blocks mentions a cropping tool, but the visual cue does not show up on my edit page. there is so much white space that causes lots of extra scrolling. How do I get the cropping tool to appear? what other options exist to resize when all spacer blocks are removed already.
  20. I'm trying to add a page specific background image, which should be resized so it fits the screen. Though, either I can't get it to show or resize. Any help is greatly appreciated. #collection-ID .collection-54061d89e4b0fd1f5b9456b1 { background-image: url('https://static1.squarespace.com/static/5e8315c121a7960214076bd8/t/5ecf54954e191958620c39ad/1590645913058/Eilersen_factory_Slovakia_1_93L9433-2.jpg') !important; background-repeat: no-repeat; background-position: center center; background-size: cover; opacity: 0; margin: 0; padding: 0; display: grid; height: 100%; max-width: 100%; max-height: 100vh; margin: auto; }
  21. Site URL: https://www.onehandsanitizer.com/ I have a background image at the top of my website (www.onehandsanitizer.com). It has my logo and the company slogan. It looks great on desktop but on mobile, most of the image gets cut off. I want the image to shrink to fit in the screen on mobile instead of cutting the sides off. I tried a few things in custom CSS. I was able to get the image to shrink by setting height: 50%; but that didn't shrink the parent container, leaving me with a bunch of white space where the picture used to be. I also tried finding the #yui_... ID for this section but couldn't find it. Not sure if that is cause this section only consists of a background image or not? Is there a way for me to shrink the image on mobile without having a bunch of whitespace underneath it? And if not, how would I go about having one background image on desktop and replacing it with another on mobile? A solution to either question would solve my problem. Thank you very much for any help!
  22. Site URL: https://moor-beer-live-beer.squarespace.com/ Hi, I'm using the Horizon template, I have a banner image (gif) under the navigation that is a landscapeish image that works perfectly. On mobile, most of it is cut off. Ideally I'd like to use a different image on the mobile site that's designed as more of a square image.
  23. I have a couple testimonial pictures (head shots) that are the perfect size when viewed on a computer screen but are huge when viewed on mobile devices. Is there a way to keep those photos a certain size when the page is viewed on mobile devices? Thanks!
  24. Site URL: http://www.jmiliphoto.com I am currently using the Foster template under the brine family. I have tried a few different things trying to manipulate my banner image to appear as the whole image instead of just a small portion of it (see screenshot). What are my options to make this happen? jmiliphoto.com
  25. Site URL: https://lion-koala-w6sj.squarespace.com Hi! My background image isn't resizing in the mobile view. I found a code that helps, but then adds in a huge white space at the bottom. It's the first image on my site. Any ideas? (Image is without code mentioned above)
  • Create New...