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://horse-chicken-sh4g.squarespace.com/home-option-2-1 I am trying to get the text on my image blocks to be aligned to the bottom left - I've tried adding vertical-align: text-bottom; in css and it's not working. Any ideas? Password to access site is p4ssword
  2. Site URL: https://www.saragagliacouture.com/collections Hi there, I have some images set with caption on hover but on mobile this does not work so I'd like to change this setting and have the caption always on, only for mobile version. I have tried some codes I have seen from other queries but for some reason they do not work for me. Can you please assist? My site is: saragagliacouture.com pw: Saragaglia
  3. Site URL: https://calliope-strawberry-54ay.squarespace.com/ Hi, I'm wondering if there's a way to anchor the title, copy and button to the bottom left of the poster images (attached) pass: planto123 Many thanks
  4. Site URL: https://monroedigital.co Hi! Any ideas on how to better create two images with text on the right side-by-side? The photo attached is the what I've gotten thus far. I've been trying by placing the different blocks next to each other, but it doesn't work well for the text spacing, the middle green border, or mobile design. I'd also like the images themselves to have a green border. Would greatly appreciate any help! Thank you!! Site URL: https://monroedigital.co Password: squarespace
  5. Site URL: https://kumquat-octahedron-8r9x.squarespace.com/ Hi guys, I'm trying so hard to replace the image of each page with videos but I dont really how, here is my inspiration: https://steptstudios.com/ How can I make the each page have it own video like the reference
  6. 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
  7. 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
  8. 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?
  9. 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
  10. 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;
  11. 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
  12. 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
  13. 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!
  14. 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 ?
  15. 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.
  16. 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
  17. 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
  18. 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
  19. I found a piece of code posted by jcuvdb to prevent image downloading on IOS devices, but it has no effect on android devices. Is there a way to disable the functionality on Android browsers where a user can press and hold an image and bring up a "save image" popup dialog? Any help would be much appreciated.
  20. Hi everyone, This has been happening since yesterday. I'm receiving an error message when accessing my library of photos/videos. I can upload new images but when I go to change it, I get this same message again. Does anyone know what is happening? Thanks, Jack
  21. 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.
  22. Site URL: https://www.groeienontwikkelingscoach.nl/ Hi there, I have a question about the "collage" mode on my website. The amount of text that I have written for every section makes that the images are displayed larger and therefore I would like to change the dimension / ratio. A bit larger text-box, a bit wider and a slightly smaller image-box should to the trick. It is most important for the first section, the header. Can someone help me with this? Thanks in advance, Dennis
  23. Site URL: https://www.arbala.co.uk/shop Hello, I would like to find css that locks/freezes the background image so it doesn't move when scrolling on my mobile site. This is the code I used which works for my desktop site: (I would like this to be applied to only my shop page) section[data-section-id="6033d77c74fab235129fb8f8"] .section-background { background: url('https://static1.squarespace.com/static/6033d6addf0e7479ebf57add/t/60452f9c2219a52fe71d54fb/1615146916345/2Arbala+Gradients.png'); background-size: cover; background-position: center; background
  24. Hello, I have used a series of image blocks arranged into a grid to display work. I couldn't get grid gallery to work properly at all due to all the default padding and when I changed the padding with CSS it messed up the spacing elsewhere on my page. So I was wondering if there is some CSS that allows me to scroll through my image blocks when I open one up. I.e. open lightbox and then click to see next image block in that lightbox? then next, etc etc?
  25. Site URL: https://www.rustyling.com/ Hello, I like to have my images in full width without cropping in the mobile version. Is there any css I can add? https://www.rustyling.com/visuals Thank you so much for your support!
  • Create New...