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

Search the Community

Showing results for tags 'images'.

  • 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

  1. Site URL: https://krill-bassoon-kb9t.squarespace.com I am working on this website for a community organization and was trying to get these images to darken on hover. Each image is set to "poster" under the design tab and has a title with no subtitle. My code is seen below. .sqs-block-image:hover .image-card-wrapper { filter: brightness(1); transition: .3s; cursor: pointer;} .sqs-block-image:not(:hover) img { filter: brightness(1);} .sqs-block-image:hover { filter: brightness(.5); transition: .3s; cursor: pointer;} This code darkens the image but the title that is juxtaposed on top of
  2. Site URL: https://www.bycourtneytodd.com/ Hi, Can someone help me figure out how to move this image overlay text higher on the mobile version of my site? It looks fine on the desktop view but it sits very low on the mobile view. I've attached a picture of where I'd like the text to sit (if that makes sense). Also, I have text like this on multiple pages and would like to adjust it anywhere it sits too low. Thank you!
  3. How can I change the sizes of the title and subtitle for image stacks with CSS?
  4. Site URL: https://rotor-film.squarespace.com Dear All, All of a sudden (must have been some change at squarespace) I have an issue with my website: The first hero background image on the home / landing page is blurry / low resolution on mobile (iOS 14 / iPhone7). If you look at the "Where Stories Unfold" slogan in the middle of the image, you notice it looks like heavy jpeg compression, on desktop everything looks flawless. Again, I didnt change anything on my website, it just appeared one day. Can anyone help? Best, Gregor
  5. Site URL: https://society-particular.squarespace.com/config/ Hi, Could someone help me with making the margin around an image blocks smaller? I have a website with lots of images. I would like to make the gap between image blocks smaller. I cant achieve it through the built-in functions. Could someone help me with this customization? Thanks~
  6. Site URL: https://mushroom-burgundy-58y2.squarespace.com/ Hi! How can I get the inset image background shown to have the green border flush against the image? I want the image to be that size, not full bleed. Also, why is the top border against the header not displayed? I previously tried to use the image as an image card with the text, but the image was not as wide as I would have liked and the text was formatted terribly in mobile display. I'd really appreciate any help!
  7. Site URL: https://www.jsnjay.com/case-studies/rbc Bottom of my images / padding forces my buttons to be way lower than expected. Is there a way to fix this? This template features this micro-animation of images sliding up and I've leveraged that to use in my portfolio to create this seamless transition. However if my images are lower than a certain px Height size it breaks this transition, forcing me to create images that are all the same size. This creates for uncessary white space at times and even more so it pushes the footer and any buttons I have way below. More than I expe
  8. Site URL: https://football-bloggers.com/authors Images that should have been lined up horizontally will be forcibly resized and lined up vertically when the screen gets smaller. How do I get four images in parallel, even on mobile? The template is WAV. The video is attached for reference. squarespace.mov
  9. Site URL: https://bugle-mandarin-klpp.squarespace.com/ Hello, I am new to CSS and am struggling to find an answer to this question. I have an image stack set up with a button, but no caption. I want to link the width size of the button to the width of the image in the block and have them scale together. I found a similar question on this forum where the code given was: but my button doesn't respond to that, even with the correct ID. I assume because I don't have a caption? Thank you!! ETA: Site password: buttons
  10. Site URL: https://www.benjohnsonphoto.com/personal Hello, I am wanting to create a hover effect for my 3 images that link to separate pages on my personal page. I currently have the title over the top just linking to each page however I want to replace this with a hover effect that has the title come up instead of already sitting over the top. There is an example in this website: https://www.joshhilliamphotography.com/portfolio1/auckland-new-zealand/photographer Cheers, Ben
  11. Site URL: https://indigo-dogfish-mnkf.squarespace.com/config/design/colors/section-themes/theme-editor How do I remove overlay from images (or reduce value to zero) please? My image is a black illustration on a white background but an overlay has been added. If I add an image as a background I can reduce overlay value to zero, but this does not seem possible when adding images in Card. Thank you
  12. Site URL: https://www.martymorissette.com Hey, So I have formatted all of my pictures on my website to be at a max of 2500 px in width as per SquareSpace recommendation. That being said, all of my background pictures appears to be of significantly lower quality on mobile.... Does anyone know why?
  13. Hello, can you please help? I would simply like to have my site do the following: 1. When you click the back button in a browser, it takes you back to where you were on the previous page. Currently, it takes you back to top of page, which is frustrating if you were 10 images down in a gallery or on mobile. I am okay with a load time... 🙂 Is this possible on Squarespace? Example can be found here: https://www.nicholaskonert.com/art Thank you for your help and support.
  14. Site URL: https://wolverine-strawberry-3ejh.squarespace.com/config/pages I have built a website for an artist that sells prints in both portrait and landscape. The images that are on her All Prints page are cropping to the same size therefore cutting out some of the frame on the landscape images. How do i overcome this so you can see the full image on that page. Do I need code or can I change this somewhere in the settings? TIA for any assistance.
  15. Site URL: https://www.tinyzenstudio.com Hey friends! So, trying to figure out why the image filenames are appearing in my site's Google search results - see screenshot below.I have added all correct SEO information in all possible locations so unclear as to why the image file name is still displaying first here: I have already requested a re-index from Google after adding in as much info as possible. This was about one week ago. Thanks for your help with this!
  16. Site URL: https://papaya-flatworm-dp5c.squarespace.com/ I have a banner which is simple jpeg that in desktop view looks ok. but when i switch to mobile view it crops and distorts the image so it no longer looks good. is there any way i can have separate images for both modes so that this doesn't happen?
  17. Site URL: https://octagon-pelican-ay36.squarespace.com/home/p/diego-maradona Hi @tuanphan, I've noticed that you've been very helpful in helping with displaying Product Detail Images so I was wondering if you'd be able to help me? If you click the site URL I have provided and view on mobile you can see that there is a huge white space before the image of my product. I need this removing. Any ideas for a CSS code injection? I have been playing about with this based on responses you have given to other people having similar issues and I've got what you can see out of it so far.
  18. Site URL: http://torchglow.video PW: T0rchgl0w I'm having trouble getting some images to align and stay aligned with text in a 'list' section. It only looks correct when the window is a certain size, but the images get skewed left or right depending on the size of the window. I've attached screen shots of desktop vs mobile. I added the images via code block and have css resizing and positioning them. Here is an example: Code: <img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/606241f5836efb696e849bc5/1617052149712/fuel_icon.png"> CSS:
  19. Trying to create a landing page with where the full-bleed background image changes when hovering over different text. Does anybody know how to achieve this on Squarespace 7.1? Similar to this: https://nicolainiermann.com Thank you!
  20. When modifying a full bleed image block I get the parameter 'Section Height' (S,M,L) that I can bring up to 10 leaving a small space at the top and at the bottom of the image. I would like to get rid of this space by bringing the section height to 0. Is there a code that I could use to achieve that? Thank you.
  21. I'm not sure if this has been asked before, but I couldn't find it on the forum. I am trying to put 5x image blocks next to each other, but I've noticed that any time I've tried to add 5 blocks (of anything) in a row on Squarespace 7.1, it becomes uneven. Obviously if it is an even number of blocks it seems to work fine (e.g. 6 image blocks in a row works okay) but if it is an even number of blocks that is 5 or more, it doesn't work. Does anyone know a workaround for this? I don't want to use galleries or summaries because I want a detailed caption under the images, and I know t
  22. Site URL: https://www.abacostudios.com/ Hi Everyone, The first image background on the homepage look very blurry. You can notice it a lot on mobile devices. You can check on the website abacostudios.com , i have added the same photos, one as a background of the header (blurry) while the other one is the section right below (not blurry at all). I also noticed that whenever i visit the page via mobile device, i see the background very blurry, but if i flip the phone horizzontaly and then back to vertical i can see the background image very clear. How can i fix that since i have to launch
  23. Site URL: https://beyondspace-showcase.squarespace.com/shop-demo/p/sphereviewer/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo Hello fellows, I am about to launch my latest Squarespace Plugin - Sphere Viewer Block. It provides an easy-to-use interface to integrate your 360 spritesheets images into Squarespace site, I wrote it so you can create it from Block Editor. I will give 5 single-site license for first 5 builders/designers who is interested in adding this feature for their site, I am welcome the feedbacks to make it work well before launc
  24. Hi guys, do you guys know any code to make the consistent image size for both iMac and mac pro(laptop)? Currently, the image on my website is set to the full bleed and it looks perfect on iMac 27". However, when I look at it on my laptop(mac pro 15"), the image and gif don't look the same as the ones on iMac. I don't want the images to get changed based on the window size. Please help. Thank you!
  25. Site URL: https://www.noelaesthetics.com The stock Getty image I used on my home page looks blurry on mobile. It displays fine on desktop and on the mobile visualizer in edit mode. The distortion is slight, but it's enough to drive me crazy. Any idea how to fix this? Desktop: Mobile:
  • Create New...