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. Hello! I'd like to add a size guide to the product page. Could you tell me the best solution please? I really like how they did it on this site: https://www.forte-forte.com/it_it/look-09-summer20.html Many thanks!
  2. Site URL: http://thesprouthouse.net Hello, I am looking for help making my Instagram feed block photos look larger on mobile. They are on the home page. When I look at my site on my phone, the photos are very small and there is a huge gap of white space between the photos and the text that says "follow us on Instagram." Is there a way to fix this? My site password is $prout, and I am in the trial stage. Thank you!
  3. Hello, I'm trying to add an accordion/dropdown to a website (it's still in trial at the moment so can't share web link). It is going to be used on a page showing the team of a company, so within each entry it also needs to include a picture of them. I have used the standard markdown used for an accordion, which by itself (without an image in it) works fine. I have then used an HTML image reference within it, and when it does this, only the first name appears. And when it is opened/clicked, the next name then appears below it (and so forth). But then when you close the top name, they all disappear (apart from the top one). I have also tried created an animated collapsible using HTML, CSS and Java (https://www.w3schools.com/howto/howto_js_collapsible.asp). This code was copied exactly, using a code block for the HTML, adding the CSS into the custom CSS, and adding the Javascript into the page specific code injection. The list options are created, but don't actually open when clicked on. If anyone can provide any insight into how to get either of these solutions to work that would be greatly appreciated. Screenshots are attached for reference. To confirm, I'm using the Henson template. Many thanks, James
  4. Hi everyone! Hoping someone can help me resolve this issue. I've used a custom CSS to insert an image into the accordion layout which works great, except I have multiple accordions in one page - and now the first accordion of each block shows the same picture...hopefully that made sense. I'd like to have just one image in one block instead of the image appearing in each block. Thanks in advance 🙂
  5. Site URL: https://audreykester.com/omika Hello! I attached screenshots to show my issue. The banner image on my page is zoomed up on when viewed on mobile. Although I don't intend to include the entire width on mobile, I do want it to include more of the image like how it is shown on desktop. Can anyone help with the code for this? I've been trying for days and can't figure it out! Thanks 🙂
  6. Site URL: https://rayanevuillemin.squarespace.com/ Hi everyone, I am new to this part of squarespace, I didn't even know we could code things. I have no experience whatsoever in coding, so I hope someone can help me figure this out. I am making a new website for my photography, and I would like the following things for my website, but couldn't find any normal way to make it happen. When one clicks on any of the pictures of my website, the lightbox appears. I would like to have picture descriptions that only appear when one clicks on the picture. I would like to add the name of each species of animal, and for it to be visible ONLY when in Lightbox mode, so that it doesn't mess with the regular page's layout. I would also like the Lightbox mode to be less transparent. I have found the setting and I pushed it to the less transparent it can be, but that's not enough in my opinion. Is it possible to code it so that it's almost entirely opaque? If anyone can help, I'll be very grateful, Thank you in advance Rayane
  7. Site URL: https://www.dianaoviedo.work/ Hello! I was wondering if anyone had any idea how I can fix this issue I'm having with the image blocks on my homepage. I've really tried everything I could think of CSS-wise and have come up with nothing that seems to work. The problem: The image blocks are all slightly different heights, despite being the same size images. And this causes the bottom of the images to be misaligned. The tops of all the images are all at the same level, but the bottoms are not. Any help you can provide would be greatly appreciated! 😊 My site: https://www.dianaoviedo.work/
  8. Site URL: https://www.reachnaz.com/firsttime I am not a complete amateur, but I'm close. Is there a way to lock images into place if there are several images all in one section of the page?
  9. Site URL: https://www.kierstenamelia.com/starbucks-pattern-library Is there a way to adjust how images "fill" their containers at different breakpoints? The only way I can get my grid system to work is by "filling" my image containers (see related question here). This works well for desktop: And for smaller mobile sizes: But it's really problematic for tablet and larger mobile sizes: Is there any way to force a certain aspect ratio (or range of ratios?) I have no idea how to resolve this issue!
  10. Site URL: https://kanaconsult.com/ Hi there, Hoping someone can help. I have four logos in the footer of my clients' site and would like to right align them. See attached screenshot. In mobile view, I'd also like to have them in 2 or 3 columns (as on 2nd attachment) Been trying to find a solution to no avail. URL is https://kanaconsult.com/ Many thanks!
  11. Site URL: https://hawk-walrus-dxd2.squarespace.com/ Hi! I would like my red summary box (header is SALAT) on the front page to be attached to the image to the left. This I have done, however I would like to make it look nice and I have problems with the following: 1. Have the summary block and image next to each other without any space (on desktop and mobile) 2. Make the summary block same height as image and also responsive. 3. Translate the 'Read more' to own language. pw to site is xenia. Thank you in advance for your help! Best regards!
  12. Site URL: https://www.andyframe.com/index Hello community! I want to have a highlight effect before the viewer clicks and opens up one of my images I provided a website example of what i mean. As you hover the mouse over the image the effect would take place. My website is dakodawright.com. Thank you!
  13. Site URL: https://www.becatalyst.us/ Hi Fellow Squarespacers, is there a way to add images to the default squarespace accordion?
  14. Site URL: https://www.yangthreads.com/shop/headbands Please can someone help. I had a designer complete my initial site but I have tried to add a new product range of some headbands. The Stock / Product photos load really large and I can't work out how to get the entire photo in the thumbnail. As they're already enlarged when you hoover the mouse it just blows the image up even larger. You never get to see the product I have read the Formatting your images for display on the web as well as other guides but they don't help and I've also used the live chat who although try their best direct me to the guides. My photos fit the image requirements and I've messed around with the aspect ratios but I really can't seem to get it to work properly. I've been work on it for days and I'm going a little mad Can someone please help My website is www.Yangthreads.com and its the headbands that I've struggling with Thank you
  15. Site URL: https://www.frmez.com Hi all, Ive built a portfolio page for my photography and was wondering if I could 'animate' the main page (empty section with simple image blocks). I'd like it to scroll down automatically and when reached the bottom, start all over again with the first image. Kind of like a vertical autoplay carousel? What I like about the look now is that it 'bleeds' into the header nicely. All image blocks are linked to separate portfolio pages with more images. Happy to re-build the main section in a different way as long as I can achieve the desired look. Thank you! M
  16. Hello, I'm creating a new site and don't have a link to share, but I want to make a home page like the one below. I can't figure out how to to do the image on the right so that it is round, but takes up the whole page and bleeds off screen. This is not my niche so feel free to dumb it down 🙂 Thanks! https://www.jennifermfernandez.com/
  17. Site URL: https://deer-lizard-lrrj.squarespace.com/ Hi so I have a code block on this site that contains this code: <div class="image-swap"> <img src="https://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c90c7c1e447d7b159a1/1614621840788/G1blk.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c90c7c1e447d7b159a1/1614621840788/G1blk.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c90c7c1e447d7b159a1/1614621840788/G1blk.jpg"> <img src="https://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpg"> </div> So that when I hover the image changes colour to mimic a live hyperlink. I now want to be able to also click on this image and follow a link to another website. What code do I need? Currently it's html. Thanks.
  18. Site URL: https://www.matikdesign.com/forumpost scoured the whole internet searching for this problem and cannot crack it, when uploading videos directly to squarespace you can upload custom thumbnails, they look great! why cant we upload custom thumbs for external links (option is greyed out) No matter what i have tried, uploading custom thumbs directly to squarespace/ vimeo etc, in a number of different resolutions it always comes out completely unusable, its very important for me as im sure it is for others, i would really rather not have to completely rebuild on another platform is there a fix/code etc for this?? Obviously i would just use the squarespace video's ideally but with the limited uploads its not sustainable. i have set this test page up to illustrate the issue. https://www.matikdesign.com/forumpost
  19. Site URL: https://www.jeannemarie.space/ I currently have two pieces of code in place right now to make a sticky effect, but I have some issues I wanted to fix if possible! *current code : @media screen and (min-width:768px) { .fe-block.fe-block-yui_3_17_2_1_1660163627625_1012844 { position: sticky; top: 0; position: -webkit-sticky; z-index: 999; } } @media screen and (min-width:768px) { .fe-block.fe-block-yui_3_17_2_1_1660163627625_717246 { position: sticky; top: 0; position: -webkit-sticky; z-index: 999; } } The element(s) I want to be "sticky" are the yellow circle (which is an image block) and the "my work" text (which is a text block overlapping the circle). First, I want the combined element to start moving with me in the middle of the page as you begin to scroll, not start moving at the top of the page like it is now, because it interferes with my sticky navigation menu and just doesn't have the landing effect I want that way. Second, I also want to know if there's a way I can make the two elements stay together while they scroll and not break apart like they are now when they move. If the simple solution is to make this a single element as a button instead of custom text and image background then that is fine. Last and most important thing I want to try to accomplish is for the sticky effect to end within the same section right after the " I collaborate with small businesses..." paragraph. P.S. I also want this effect on mobile, but my current code doesn't seem to do that...
  20. Site URL: https://nyf.squarespace.com/ password nyf2022 I am trying to make a sidebar design element on a long scrolling page and do not want the bar to get too wide. When I set the image to "fit" it works well on desktop but not on mobile, whereas "fill" is perfect on mobile but not desktop. Is it possible to customize CSS to make both work at once? See the Announcements and Reports section at the bottom of the homepage. Thanks!
  21. Site URL: https://johnnaslaby.com/journal Hi there! I am pulling my hair out trying to figure out how to make the titles of the blog post get to the center of the image with the overlay and not underneath the image like it is now. If someone can help me that would be amazing! To view it, this is the page: https://johnnaslaby.com/journal
  22. Site URL: https://hooshdesigns.com.au/community-copy Hi all, Since some changes to Squarespace, I've been struggling to implement the text and colour overlay on hover to image blocks. On the page I'm working on, I have a row of six images with text blocks and accordions below them, and I'm looking to add a text and colour overlay on hover to each of the six images. I have been using different code I've found elsewhere, but have not been able to crack it. The effect I'm after is essentially this one, but I'm having trouble targeting classes/id's to make it work. https://www.w3schools.com/howto/howto_css_image_overlay.asp If anyone has any suggestions, I would be hugely appreciative!
  23. I don't have much experience with code, but Im looking for a way to have two images side by side. But the left image will stay still, and the right image will actually be a long column of separate images, that when i scroll, will allow the left image (stationary) to be compared to the right image, when scrolled. And I'll want some text under each image as well. Sorry I dont have a page set up for this to show as an example. Any ideas on how to execute this reasonably easy?
  24. Site URL: https://vitality-club.squarespace.com/ Hi there, I am wanting the align the image to the edge of the index page. At the moment it's floating in the middle. Should I adjust the padding of the overall page? or tell the image where to sit? Thank you in advance! Password: Website4321
  25. Site URL: https://www.taisdacosta.com/graphicdesign/memoiredelavenir I've tried a few of the answers here but was not able to fix my issue. Each of my sub pages has a background image at the top section. I'd like to change their height to "S" for the mobile version, but when I do so, it also changes it on desktop. If not possible to set it to "S", I'd simply like them not to be in portrait mode but in landscape, like the rest of the images on the page. Thanks!
  • Create New...