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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • 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
  • German Circle Members's Topics

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://www.danieljoseph.com.au/films Hey there, I am having trouble with adding a simple hover effect to my image blocks in the new Fluid Engine. Essentially I am trying to recreate this: http://www.ladybaguette.com/ Currently I have managed to Frankenstein some code which isolates each block individually and achieves the slight fade to black instead of the white background. Although for some reason I can't figure out why my ease transition CSS isn't working. My Code: #block-b1dfc7170d9088ca974b:hover .content-fill:after { content: ""; position: absolute; background-color: rgba(0,0,0,0.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; transition: all .3s; } #block-b1dfc7170d9088ca974b:hover .content-fill:after { opacity: .3; transition: all .3s; } ^^ This is then replicated with the new block ID for the other images Another problem is that the fade animation will not happen when the cursor is over the text block which is on-top of the image. Any help in order to fix this would be much appreciated!!
  2. Site URL: https://www.thehost.co/home When the screen is minimized beyond half size the image card alignment breaks. Is there a way to stack it at this point? Or set up a min/max sizing? See attached image for example. Thank you! *UPDATE: What i just noticed though is this problem isn't present in Safari, just Chrome. It seems Chrome allows for a more minimized screen.
  3. Site URL: https://www.photojournalism.org/home-1 Hello. The password for the page is "circle." This is a hidden page I'm building on an existing site; the page will go live Saturday. You'll see there are two galleries stacked; the top is the new one that I'm having trouble with, and the bottom is the old one I'll be deleting (I copied an existing page). I just kept the second gallery up so you could see the difference. I'm having some trouble with captions. Image metadata importing is enabled for my site. In my gallery block (simple gallery), I have captions enabled. I have IPTC data embedded in photos, but when I upload them, the captions don't seem to be coming with them. They're not showing up either in the image description or in the caption field of the gallery. If I manually type in the image description field, it will show up (you might see the word "test" under the first image in the gallery), so it's clear it's the import that's the issue. I've successfully done this many times, and just can't figure out what's going on. I searched in the forum and saw a similar questions posed last spring, and a rep responded they were looking into it. Really hoping it's been resolved by now. Any thoughts/help/insight/advice? Thanks very much.
  4. Hello, I am trying to figure out if it's possible to have an image fade to a completely different image? The gallery sections that are provided do not appear to offer this functionality. Furthermore, not only would I like the image changed, but the underlying text fade to a new set of text. Thanks!
  5. Site URL: http://fintanfoto.com Hello new to squarespace and finding the image upload system tedious. Used to Joomla/wordpress design parameters for years. I have a lot of images I would like to showcase on my site here, and uploading one image at a time is tedious. Is the any way I can batch upload images to the library or from google drive/dropbox? I would like to assign a image folder to each project page and then be able to construct the "look" from there. Any ideas would be very helpful. Cheers
  6. Site URL: https://www.eddiefieg.com Hi! I'm trying to figure out if there's a simple CSS code I can insert so any image (with a link) can enlarge/pop off the page a little bit on hover. For example, on my homepage, I'd love to be able to see my project images pop up in size as the user hovers over them: www.eddiefieg.com Thanks!
  7. Hello! SOS! I have an Image gallery carousel set up in a blog post and I am trying to figure out how to show the caption on hover as well add a teal overlay and if possible also make the image bigger when hovered over. This is what I have: This is what I would like it to look like:
  8. Hi, I was wondering if anyone knows a way to download more than one image at a time or if there is a way to export multiple images at once from one SS site to another? I'm trying to move my portfolio off my personal site, to my professional site and I have 100's of images I need to transfer over. Thank you, Sarah
  9. A client showed me that product zoom isn't working on any computer that they use, but it's working for me on different systems and browsers. The cursor changes to a magnifying glass when they hover over a product image, but left clicking doesn't enable the zoomed in image. I can't duplicate the issue on my end. I'm interested to know if anyone else has seen this issue. I haven't found anything in a search.
  10. Site URL: https://owl-disc-ywmg.squarespace.com/bowl-products-copy We have this page that is not a store page and want to be able to hover over the images to zoom in/magnify to see the granite details more clearly. Nothing is being sold directly from the site so we don't want to use a store page. Is this possible? https://owl-disc-ywmg.squarespace.com/bowl-products-copy
  11. Site URL: https://cello-cheetah-stpl.squarespace.com/ Hello, I've been trying for a while to reproduce this template (image linked) in my squarespace website. The site is not online yet, so I don't know how to show you anything (nothing to see really, but...). My main problem is that I can't write over an image. I mean, I can, but using the provided option, and so the text is only centered, as you may know. So, could you help me with this ? The goal is to have a full background image instead of the white, so I can't use the section banner and pray for the best (which is probably the worst to do, obviously). So I meant to have like the Orange image with the 3 stripes on one "box" and write over it, and another "box" with the blue and white image. If it is not possible to have that overlap of the cyan "box", it's not a problem, we'll move it down. Does all of this make sense ? Pardon me for my english, as you may have noticed in the attached image, I'm french 😄 Thanks for your help ! Oh, by the way, I'm using Brine on SquareSpace 7.0.
  12. This may be a long shot, but is there ANY way to add images to an accordion menu? I have a partners page where the logos would look much better if they were hidden in an accordion menu, but from what I see, there's no option for that...
  13. Site URL: https://www.katherineelder.com/ Hello, A while back I added the following coding to my website to create parallax in the background images. Yesterday I changed the header image on the shop page and all the section background images have gone and I don't know why. Please could you help me? Current Code Injections. HEADER <style> body.header--menu-open .header-title { filter: unset !important; } body.header--menu-open header#header img { content: url(https://static1.squarespace.com/static/60e2168480601f08e2ae389e/t/627bc5bf85a284571e186ead/1652278719894/Katherine_Elder_logo_sky.png) !important; } </style <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script> FOOTER <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/parallax.js/1.4.2/parallax.min.js"></script> <script> $('.has-background:not(:has(.sqs-video-background))').each(function() { var findImage = $(this).find('.section-background img'); var imgUrl = findImage.data('src') + '?format=2500w'; var dimensions = findImage.data('image-dimensions'); var imgWidth = dimensions.substr(0, dimensions.indexOf('x')); var imgHeight = dimensions.substr(dimensions.indexOf('x') + 1); $(this).parallax({ bleed: 0, imageSrc: imgUrl, naturalWidth: imgWidth, naturalHeight: imgHeight, speed: .2, }) }); document.getElementsByTagName("body")[0].onresize = function() { setTimeout(function() { jQuery(window).trigger('resize').trigger('scroll') }, 100) }; </script> <style>.has-background{background-color:transparent!important}.has-background .section-background{background-color:transparent!important}.has-background .section-background img{visibility:hidden!important}.has-background.background-width--inset{margin:4vw;padding:0!important}.has-background.background-width--inset:not(.content-collection):not(.gallery-section) .section-background{top:0!important;right:0!important;bottom:0!important;left:0!important}</style> Thanks!!
  14. Site URL: https://www.aligma.io Password: aliGMA2022! The background image on my client's home page has now disappeared. It says it is loaded on my end, but shows a blank white slate both in the backend and on the live site. Now on the live site, I can see the correct image hidden behind when I scroll down above the header! I also have a colourful blue/green footer (same as the header) which is no longer showing. I have not made any additional changes, these have happened automatically. Help! (FYI I have SquareKicker if necessary)
  15. Site URL: https://www.garrisonflood.com/ Hi There! I am shocked to learn that SS does not have a feature for an automated logo slider section. They have it for Text, but not for Images. Does anyone know how to set this up in CSS? Which type of Gallery to use? I'd like to basically create an infinite carousel that continues to scroll across the page, logos should all be the same size and responsive on mobile. Any assistance/guidance is greatly appreciated! Regards, Josh
  16. How do I increase the resolution of zoomed product images on my site? The click/hover features both display a very pixelated, low-quality image. It's not utilising the full image size to zoom in and instead, appears to merely zoom into the smaller, web-display version on the product page. I have tried resizing the images, going from 500KB to 20MB - all of them look equally pixelated on zoom. The first image shows what the artwork should look like when zoomed-in - vs. what it actually looks like using the zoom feature. The third image is of 2 versions of the same piece; however one is 4806 x 3399 pixels, the other 1748 x 1240 pixels - and they both look equally pixelated when using the zoom feature, despite one being almost 3x higher in resolution. Thank you 🙂
  17. Site URL: https://fashionfilms.co.uk Hi, Thank you for taking the time to read this and special thanks if you have any thoughts on my new site that you would like to share. https://fashionfilms.co.uk We create fashion & beauty content & advertisements and are based in London. This is a portfolio site that hopefully will entice new clients. We have had a 7.0 site for a while and decided to upgrade and use iframe videos rather than gifs to animate thumbnails for links to our films. I am particularly interested in hearing about the following user experiences: Load times- the main page is quite video heavy. Is it making everything drag? Design- Is the home (main portfolio) page to frantic? Does the amount of moving content drive you nuts or keep you interested? Messaging- Is it clear what we do? Navigation- Did you find it easy to get around? Suggestions- Would love to hear any thoughts on any aspect of the site. Any way of making it faster? Thank you in advance
  18. Site URL: https://www.529innovations.com/suspension I have several stores on my site and one of them that contains my most active products is not showing any images. If you go to the page and over over the area highlighted in the attached screen shot you can see that there is a link to a product. This just started recently and all the other areas of my site work properly. If I move the product to a different category or store I can see the item but that is not a viable work around as it would break many other links/references that exist.
  19. Site URL: https://www.ekkcandleart.com/ Hello, I am trying to add different images for mobile view and desktop view but if I change the image on desktop view, it's the same on mobile view
  20. Site URL: https://www.campilliana.org/ Good morning. We logged into our sqarespace this morning and many of the images we have in our website are not showing up. when we go to edit the page, they still show they are linked, but looking at the page (from two different laptops and two different phones) all the images appear to be grey. This seems to have happened overnight, as we were working on the page yesterday. I attached an image of what one of the pages should look like (Our Global Partners), an image of what the site currently looks like, an image of the coding, and a screenshot from squarespace help center live chat. Neither I nor my coworker know coding so we need a lot of help... We did attempt to change the coding for the header navigation bar, we thought we just changed the color of the lines under the menu items but the Help Center worker said that our changing the coding is what caused our images to disappear. is there a simple solution that we could implement?
  21. Site URL: https://www.fox-chihuahua-df3j.squarespace.com/testing123 pass: test I'm trying to do something like this https://dev.to/kaos/dynamic-text-effects-with-css-mix-blend-mode-242a , where text over a particular image inverts to white, but originally stays black. over here in particular, i'm trying to make the "Hello, i'm xxxxx xxxxxx" font colour turn white when in front of an image below it, instead of staying black. thanks in advance!
  22. I have a client that wants me to design their Squarespace site. They're a book author and want a slider similar to Kami Garcia or Fonda Lee's website. I have been searching for a few days and can't find anything that will allow: Text box on the left side Image of their book on the right a background image I would prefer to not use just an image in a slider because the text isn't selectable or easy to alter if any changes need to be done by the client. And they don't want to keep hiring me to edit images for them, but just want to upload themselves. Normally I would just code this, but the client isn't very knowledgeable in coding and choose Squarespace because it was supposed to be easy for them to manage themselves after I design the site.
  23. Site URL: https://www.dawnduskfilm.com/campaign Hello, I am wondering if anyone can help with the CSS to fix a problem with my site on mobile. The URL is here: Dawnduskfilm.com/campaign I have a series of Image Blocks set as Posters, they eventually will all be clickable links., the first one is clickable right now. The text over the images looks nice on desktop view but the text extends over the images on mobile view, if the text resizes any smaller it will be too small on mobile. Is there a way to put the text above or below the image or remove the images entirely and keep the text (but still have them be clickable links)? Also, the text would need to be black, instead of white since it will be over a white background. I have scoured the forums and tried a lot of CSS to get this to work but haven't figured it out. Thanks in advance. Desktop view Mobile View
  24. Site URL: https://www.ps-esports.com Dear all, For some reason, images from the Gallery Block are showing a squarespace-cdn.com link when mouse hover, instead of appearing from my domain name URL. The Image Blocks are not affected since there are no links appearing on mouse hover. Not sure if this has been the case from the beginning, or if a settings/engine update. E.g. https://www.ps-esports.com/articles/2022-the-65th-festival-of-sport-and-4th-motorsport-festival Can this be changed at all? and if so, how? Appreciate your help! Best regards, Michael
  25. Hi, tried to load pictures in WebP format which is not accepted by SQ, same with JP2 format. Need to improve the speed of the page by improving the format and size of the used pictures.
  • Create New...