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://shallot-leopard-twxs.squarespace.com/ https://shallot-leopard-twxs.squarespace.com/ pw: carden Hi there - I am looking for help making only two of my sections full bleed so the image takes up 50% (square) of the section with no padding at the top, bottom, or left/right of the section. I was able to adjsut the overall site margins to 0 but then the rest of the sections and main nav are funky. How do I separate these two sections from the rest of the site? Content width for both of these sections is set to L (100) This is how I wa
  2. 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
  3. Site URL: https://typeaprofessionals.com Hi there, I'm using the Brine 7.0 template with the parallax scrolling effect for three images on my home page. The images look fine on desktop and tablet view, but when I look at my site on my phone, I notice there is a black space below the images before they start scrolling (shown below). I'm using this CSS to make the header fixed--could this be cause of the black space problem beneath the images? Any idea how to fix? Thank you! //fixed header navigation// .Header.Header--top { position: fixed; top: 0px; z-index:10
  4. Site URL: http://www.babilrugs.com Password: elfo Hi, I want to add a hover change color effect on my Image Block Stack' Titles and subtitles. Is it possible can you help ?
  5. Site URL: https://popmutations.com/past-artists Hey! I'm trying to add a lightbox for caption text when hovering over an image. The built-in option with Inline images looks a bit rubbish when there's more text than it can hold at a glance. A little stuck on how to make it work and help appreciated! Cheers! Chris
  6. Site URL: https://www.thiswaytofabulous.com/boss-babe-application Love the way this looks on desktop, but wish it would NOT stack when on mobile. Is there anyway to make it stay like it looks on desktop, just shrink the whole section for mobile?
  7. Site URL: https://vanilla-orange-497x.squarespace.com Hi ! I need help moving an image decor on mobile, because the image is not visible. I want to move the "slow living" on the right on the mobile version. Here the code I use to add the image : #block-yui_3_17_2_1_1618230052617_6029::after { content:''; position:absolute; background-image:url(https://static1.squarespace.com/static/6068623874bb870d7578d6f8/t/60769973b4d79375810af22a/1618385267991/Sillage-slow-living-logo.svg); background-size:contain; background-repeat:no-repeat; width:40%; /**chan
  8. 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!
  9. How can I change the sizes of the title and subtitle for image stacks with CSS?
  10. I'm helping set up a new site for my mom who is an artist. Our goal is to format her galleries so that image captions are not visible in the grid gallery overview, but do appear when an image is enlarged into lightbox. This was easy to do on my older 7.0 site, but we're having trouble on her newer 7.1 site. Any help on how to do this? Or is it possible to opt for 7.0 when setting up a new site currently?
  11. Site URL: https://marigold-whale-tsxy.squarespace.com/ Hey! I have a white image on my homepage banner with text on but it loads wonky in every browser, I've used a few css snippets like a custom h4 font, a custom h1 font etc. but I do not know what is up with the loading of my site. Could you please have a look? Here's the code I've used for the box (on mobile) // MAKING THE WHITE BOX OPTIMIZED FOR MOBILE // @media screen and (max-width: 767px) { section[data-section-id="6076d4e5e5f6754874b0562d"] { min-height: 86vh !important;
  12. 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
  13. 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~
  14. Site URL: https://spinach-keyboard-w7ws.squarespace.com/ Hello! All the header images on the site I'm building are displaying in bad quality on mobile. It wasn't like this before. I think it happened around a week ago. Could it be something with the new Squarespace update (when all text links also got underlined)? I have optimised the images for web (around 500kb in size and between 1500-2000px in width) The images are sharp on desktop (but it I shrink the browser window to "mobile size", the header image displays in bad quality) See attached screenshots.
  15. Site URL: https://www.neonrainbowcreative.com/gallery Hi there, I recently made myself a very basic site but I'm looking into giving it a bit of a refresh and adding some new pages. I'm trying to copy the effect from this website: http://www.picturesonwalls.com Where the images have no text or captions but when you click on them they enlarge like in Lightbox but they have a text description. I've managed to set up the images in Lightbox to enlarge when clicked on but have no idea how to add text or if it's even possible to do within Lightbox and maybe I should be doing i
  16. Site URL: https://sealion-poodle-8mph.squarespace.com/about Hello, on my desktop version I have 2 rows and 4 columns of images. How do I make it so that in mobile it shows 2 images per row? (2 columns, 4 rows). Right now it's showing one image per row in one column on mobile. Website: https://sealion-poodle-8mph.squarespace.com/about Password: Welllivedlife
  17. Hey, I was simply wondering if there was a way using code to put the title/description text box for Summary Slideshows underneath the image? So going from the first example attachment, to the second one. Manipulating the padding and margins doesn't get the box below the image as it crops it off on the image line. Any help with this would be very much appreciated. All I need is to move the position of the text box below the image.
  18. 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!
  19. 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
  20. 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
  21. 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
  22. 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
  23. 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
  24. 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?
  25. 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.
  • Create New...