Jump to content

Search the Community

Showing results for tags 'images'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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. Hello, I have this featured page on my website! I would like to make it so you can slide it left or right to include more images. How would I go about doing that? Thanks!
  2. Hello, I am trying to add an image slideshow to a mobile version website but I cannot find a way to do it. Can someone help me doing that? Thanks in advance
  3. Hello! I'm trying to make the Simple List Gallery images and text below the image linked/clickable to other sections of a website I'm building. But I also need to hide the button. Can someone share how to do this? I've reviewed a lot of the great information on the forum about this, but none of the CSS seems to work for my situation. I've been able to get the images and text linked--but it's been impossible to hide the button. Thanks in advance!
  4. Hello, I would like to put two seperate images on the homepage madia image, one for the mobile site and another for the website. Thank you for the help
  5. Site URL: https://supernatlparks.com I am building my first 7.1 site, and I used an Auto Layout list to organize content on my home page. Mostly, I like how this works: It seems like will make editing the page easier, and make it easier to keep the layout working between desktop and mobile, while using cards. However, I have realized that the images in an Auto Layout card aren't clickable, only the button. That's a pretty big problem for an e-commerce site. I want people to be able to get to the products as easily as possible. Does anyone have a solution for linking each image to a URL? (The same as the button would be nice, but manual is no problem.) I don't mind using CSS and/or scripts to accomplish this.
  6. I added this code to design > custom CSS, from a recommendation on another post on how to add background images to all blog posts. /* Site background image */ body[class*="collection-type-blog"] { .section-background, .page-section { background: transparent !important; opacity: 80% } & { background-image: url(https://static1.squarespace.com/static/600a59513babe51392084795/t/63dd7683ab977736bbd31344/1675458179121/unsplash-image-WsEbnsnKbUE.jpg); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; background-color: transparent !important; }} If I don't add the line that specifies opacity, I don't see my background image, but when I do, even the pictures I add inside the post are now opaque. I just want my background image to be opaque, not the foreground images. Here is my website with some examples. Any one who can help, I'd greatly appreciate it. Thank you! https://www.electricwellness.com/science/emf-mechanisms-of-action
  7. Site URL: https://www.robertditty.com/ This might not be possible (or too complicated) but I would like there to be a text overlay when hovering on my images on my homepage. The Supply template does this ( https://supply-demo.squarespace.com/shop-supply?category=Apparel ) but I prefer Wells' wider sidebar. As an alternative, if there was a way for the caption to appear on hover in thumbnail mode that would be better than nothing. Or if there is an alternative to the gallery pages that allows this, let me know. Thanks!
  8. Hello, I wondered if it is possible to add some css which will change the text color when hovering the image above it? To be precise, in section "Kategorije" on homepage (green one, eng. Categories), I would like to change text color when hover the visual representation of category itself. Right now, I have only only added hyperlinks to texts, so they become yellow on hover, but I would like to make them active when hover the image, too. The domain is Finvala.com I am using personal plan, 7.1. Thank you.
  9. Hi, Is there a way of inserting a hyperlink into the content part of an image. For example, I would like the "https://lukaesenko.com" to be an actual working link to the photographers website, whose photo I am using with permission. div#block-yui_3_17_2_1_1667895150946_4439:after { content: "Credit: Luka Esenko https://lukaesenko.com"; text-align: center; font-size: 14px, } Thank you Daniel
  10. Site URL: https://cone-saffron-cgrj.squarespace.com/about Hello, I would like to place the first two images side by side in mobile view like they are displayed in desktop view rather than being stacked. There are also three images at the bottom of the page that I have the same problem with.I've tried everything to make it work and I can't seem to figure it out. I'd love someones help with this. Thank you in advance!
  11. Hello! The following page looks ok on desktop but get cropped on mobile, could anyone help me figure out the code to apply only to this page so the background image doesn't stretch on mobile? https://davidrealestate.ca/propertysearch?boardId=270&boundaryWKT=POLYGON((-79.39869853442333 43.67769788934234%2C-79.3901154655758 43.67769788934234%2C-79.3901154655758 43.673042020349186%2C-79.39869853442333 43.673042020349186%2C-79.39869853442333 43.67769788934234))&bedrooms=0&bathCount=0&propertyType=SFR,CND&status=active&sort=priceDesc&dateRange=0 Much appreciated!
  12. Site URL: http://purlwiselabs.com Hi All - I've uploaded a png file that is perfectly crisp on my computer, but then when I upload it to squarespace it is for some reason blurry. I followed the image guidelines. Infuriating. Why on earth would it be blurrier on SquareSpace than the original? It's the same file... Thanks for any advice
  13. Site URL: https://zoller-construction.squarespace.com/ Hey there, I'd love to add another line of text above the header text in an image block. I was able to do it but I can't do a hard break in the text so at various screen sizes the text is displaying differently. Is there a way to accomplish this? Thanks! Seth The password for the link above is: zoller
  14. Hello! I'm working on a new concept for a website and I am trying to figure out if there is a way to write custom code to add accordion functionality (open/close) to a section in Squarespace. I have tried using the accordion block, however it does not allow me to add images -let alone make them open into a lightbox. Screenshots below of what I would like to do, vs. how far I got the Squarespace template. Will need to: – Add + and - icons to right, top side of each section, in-line with the category title – Make them open and close the section on click Website: https://raccoon-banjo-jnw9.squarespace.com/sereno-sofia-parazi-photography PW: hairandmakeup Any ideas? Julie
  15. Hey there! I'm a newbie website designer and I'm having some issues figuring out how to have the homepage banner be the right size on the site. When you open it up, its MASSIVE! My client really wants it to be rotating images that cycle through automatically, but they size and resolution just don't look right. Please help! Thank you! Site url: https://www.jmillerconsulting.ca/
  16. How do I set up an image within a gallery so that it can be clicked on to open up to its own page/URL? I'm using the Pazari template & am worried it doesn't offer this feature. I've been told that gallery-style templates, which I think Pazari is, don't allow for clickable image pages. I hate the thought of starting all over again.
  17. Site URL: http://www.lesfillesdelaconstruction.com Hi, I am trying to make the images in the summary-block (carousel style) bigger on mobile. I have tried this code, but only the first image becomes larger. @media screen and (max-width:767px) { .sqs-active-slide img { width: 100% !important; height: auto !important; left: 0 !important; }} Any ideas? Thank you !
  18. Hello, I added a black fade vignette and a scale animation to my gallery images. I had to add a custom code injection to make the animation work. Without making any changes to the code, the webpage seems to have bugged out and it no longer seems to work. The animation still works but the text no longer shows up nor does the image darken anymore. When I remove the code I added it doesn't revert completely. The text thats supposed to show up is still missing. I have no idea how to fix this. I didn't change anything regarding the text or animation. I might not be explaining it right but I have two videos, one of it working and another of it at its current buggy state. Thanks Working Version.mov NotWorkingVersion.mov
  19. Hi! I'm building my portfolio and I'm looking to add a categories filter into them. I've built the page and added each project as a single image block so it works with my layout, but I'd like for them to filter with set categories by type of project. Any suggestions/css that can help with this? Thanks!
  20. if you click on portfolio > portrait, you see the caption under the images on the grid:masonry, I would like the caption to show in the lightbox on a hover. Just like the current site:https://www.kentin.net/portret-portfolio
  21. Hi All, I'm looking to add 7 icons across my Squarespace website page (Home Loans, Personal Loans, Savings etc). I can't figure out the best way to do it. Can some one please let me?
  22. Hi! I've tried a handful of scripts from other sites, but none of them have worked. I created over 24 variations of my logo and thought it would be cool to have them be randomized after each page refresh. I've done code injection, CSS and footer/head scripts. I also saw a youtube video that was able to easily replace the header logo per page with this script via code injection, but would need logic additional logic to get it to randomize the image: <style> .header-title-logo a { content: url(“”); } </style> This is a javascript version I saw on another site however this did not work for me, and maybe cause the "id" isn't lining up or there needs an edit that includes the "a" anchor instead. I don't know much about code so I could be talking nonsense, but in theory this seems like it would be very doable but I am struggling. Thanks!
  23. Hello, My client has two requests for me for the "Slideshow" gallery format but I can't quite find the right coding. 1. She does not like that to go back and forth between images in the gallery you can click on any part of the image to do so. She would like the left and right arrows to be the only "hot keys" to toggle. Essentially disabling the function of clicking on an image to go through the slideshow. 2. She would also like each image to enlarge when clicked on (like the "Lightbox" function) OR when clicking on a separate button. Would these two requests be possible for Squarespace 7.1 through custom codes? I've included screenshots of what my page and settings look like now for the "slideshow" gallery. I would really appreciate some help on this!
  24. Site URL: https://www.shiftmovement.org.uk/home%C2%A0 Hi, I am trying to get my image card to allow scrolling on overflow. 1.I am struggling to get the text box to stay the same size as the image. Whenever the screensize changes whatever px I set it too doesn't work. I want it to be responsive like an image card is normally. The code I have used has got the text to scroll but has cut it off weirdly at the top. Something isn't quite right! Can anyone help with what i'm missing? I also want the image card to be full width for it to visually look like this
  25. Hi! Don't know how to formulate this but I have an example of what I want to achieve to make it more understandable: https://aoki.se/case/myrorna Is it possible to create a page layout like this, with two columns with mixed images & videos that resize together with the image container? I e I want the image ratio to be locked when resizing the browser window. Much like the Gallery section works, but you can't use videos in that (or..?). Thankful for any tips!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.