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. I'm trying to resize two rows of different images/logos. Using the inbuilt drag-scale method, makes some images appear very large whilst others very small. Is there a custom css code that lets me adjust the images individually? Thanks!
  2. I am trying to setup a photo print store. To deal with varying aspect ratios of different images, I would like to change the number of products displayed per row in the squarespace store. For example: First row is 2 landscape images at 3:2 ratio side by side. Second row is 3 portrait images at 2:3 ration side by side. Third row is 1 panoramic image at 16:9. Forth row could be 3 portrait images again. Basically I want to display 2 products per row if the images are landscape, 3 per row if portrait and 1 per row if panoramic. I have used this code successfully to hack the aspect ratios: https://sf.digital/squarespace-solutions/how-to-show-product-images-in-their-original-aspect-ratio-on-squarespace-71 However, this makes my product page have huge portrait images and tiny panoramic images (because the pano images are trying to squeeze into the narrow width of the column). Unfortunately it is not possible to add another shop section with a different number of columns. Thanks a lot in advance.
  3. Site URL: https://crocodile-butterfly-nxj6.squarespace.com/ Hi there I'm having an issue with image block padding. Running 7.1 I wanted to reduce the padding on my image blocks using the following: //image block padding// .sqs-block.image-block { padding: 5px !important; } This is working - EXCEPT now the image blocks are ignoring the 10vw site margin that I set in "Site Styles" > "Site Spacing" The image blocks are extending past the site margin on the left and right sides. Is there a solution that allows custom image block padding WHILE maintaining my site margin? Thanks everyone! @tuanphan@bangank36@paul2009 https://crocodile-butterfly-nxj6.squarespace.com/ password: HURDLE
  4. Site URL: https://tunny-halibut-fb28.squarespace.com/config/?frameUrl=/ Hey guys, i have some problem removing the picture background image picture from my mobile preview... I have tried almost every code. But i can't find the block id on the picture... Please help! Ill happily share the website with you!
  5. Hi, Could someone help me to know how to remove the margin top and bottom of home page image block?
  6. Site URL: https://cecilssheshed.squarespace.com/handcrafted-ring-dishes/p/valentines-collection Hello! In a store page, for a product with variants, I see I can add a variant thumbnail image. When a customer views the product images (gallery), how do I add a title for that variant? I want the customer to know what variant they are looking at when viewing the image vs having to select the drop downs to trigger the picture to change. Example: See Red arrow
  7. 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
  8. Site URL: https://www.ditbaderum.dk/forside-1#tryg-renovering Hi guys, So my SVGs are not working on Safari... Any ideas what could be wrong??? Link: https://www.ditbaderum.dk/forside-1#tryg-renovering Code: Tuan123
  9. I have a gallery block with 6 images in the footer. On desktop view it looks small but in mobile view it is too big. Is it possible to adjust to the smaller size for mobile view? Thank you.
  10. Site URL: https://pourednyc.com/ Hello, I am trying to resize my homepage image to make it fit on mobile. It is the first image of the table with the logo "Poured." Is there CSS that can fix this issue? PASSWORD FOR SITE IS(ALL CAPS) : TEST
  11. Site URL: https://octopus-porcupine-ldts.squarespace.com/ Hi. I'm going through hell with this 7.1 site. I just want to have an image, below some text, and have it align left, with the text. Should be simple. But strangely it doesn't seem to be. I'm not trying to align text over the image. Just the image to sit on the left, instead of centred. I feel like this is so basic I'm missing something REALLY obvious inside the convoluted settings universe of 7.1. Please put me out of my misery.
  12. Site URL: https://www.erictomandbruce.com/ Iā€™m using the Template York and am trying to add an image underneath the text inside of one of the dropdown Accordion Blocks on my page (see mockup image attached). Is there a way to do this?
  13. Site URL: http://www.kathleenelliot.com I'm using galleries to display my artworks. Within the galleries, I can make the images clickable (lightbox), but can't figure out how to make them zoomable on mobile phones. Anybody know how to do that? Thanks!
  14. Site URL: https://www.adrianvieni.com/photo I'm looking for some insight into custom CSS to help organize my image gallery blocks on the photography page of my website. The site is built on the Hawley template in squarespace 7.1. Is it at all possible to create keyword filters that can help people sort through images in a gallery block, instead of me manually sorting the images into separate gallery blocks or individual pages? For example, since you can add a title or description to each image in a gallery block, could I possibly add keywords to each image upon upload (eg. Portrait, Travel, etc) and create a simple menu or nav on the page above the gallery block that lets people select one, and auto filter to show them only those images tagged with those keywords? I feel like the simple solution would be to create a different gallery block or carousel for each genre of work, or to create a dropdown under the Photo tab in the nav, nest various galleries in there, and manually separate these things. However, I think it would be a very intuitive feature to be able to sort, based on keyword tags, in one gallery, similar to how you can filter by brand on most web stores. Thanks!
  15. Site URL: https://brandonhuntonline.com/ Question: I'm using flexbox (for the first time, and mostly LOVING it!) but am having the issue of my navigation covering my image on the right. How do I get the navigation to not cover any of my sections? (This also happens when I scroll back to a previous anchor link from the bottom. The top part is hidden under the navigation.) PW: Gamer My CSS: // anchor links - smooth scroll effect html { scroll-behavior: smooth;} //-- Change Button Hover Color .btn:hover {background-color: grey!important; color:#000} .sqs-block-button-element:hover {background-color:grey; color:#000} //-- No Underline Links header a { background-image: none !important; } footer a { text-decoration: none !important; } //-- 50% Split Sections WITH CONTENT IN BOTH .sections { display: flex; flex-wrap: wrap; .page-section { width: 100%; .content-wrapper { box-sizing: border-box!important; }} [data-current-styles*='"customContentWidth": 30'] { width: 30%!important; .content {width: 100%!important;} } [data-current-styles*='"customContentWidth": 70'] { width: 70%!important; .content {width: 100%!important;} } [data-current-styles*='"customContentWidth": 51'] { width: 50%!important; .content {width: 100%!important;} } [data-current-styles*='"customContentWidth": 33'] { width: 33.33%!important; .content {width: 100%!important;} } @media screen and (max-width: 800px) { #siteWrapper & section.page-section {width: 100%!important;} } } //-- Floating Social Links @media only screen and (min-width:640px){ footer{ .sqs-svg-icon--wrapper{ display: block !important; margin: 20px 10px !important; } .socialaccountlinks-v2-block{ position: fixed !important; top: 30% !important; /* Adjust this percentage to move the icons up or down */ right: 5px !important; z-index: 99 !important; } } } /*===Full width Instagram ===*/ section[data-section-id="61a40048e0deb77695c8bf7a"] { min-height: initial!important; .content-wrapper { padding: 0!important; max-width: 100%; } .sqs-row .sqs-block.instagram-block{ padding: 0!important; .sqs-video-wrapper.video-fill { position:relative; } } .sqs-layout > .sqs-row { margin: 0!important; } }
  16. Site URL: https://jevoncareyphotography.squarespace.com/config/pages/616fdecc2df1493e5487ac9b/categories/616fdecc2df1493e5487ac9f Not sure what to do about this but i am producing a website for the sale of photographic images, some in landscape orientation, some portrait and a few square . Having set up store pages for individual products it would appear that the images displayed on the thumnail page (edit product) default to a cropped display on their relevant store page , regardless of the selcection i make editing the image to landscape , portrait or square. Further , if i then try to remedy this by editing the page using {edit design} this defaults the whole shop page to those settings rather than just the one particular image i am trying to work on. Really frustrating as it only seems to be a problem within store pages , any help would be appreciated. Appologies if this is a known fault.
  17. Hey! I'm working on a site and I played around the options (newest version of Squarespace) a lot. This uploaded the "dummy-images" on the site every time and now when browsing uploaded images it is hard to find the relevant pics. How do I manage the images uploaded to the site? I'd really like to remove all of the unused images. Screenshot from the media browser below.
  18. Site URL: https://visuatest.squarespace.com/ I want my image to be in the center to reference the text box like here (the first one with the tablet). But for some reason, the other images are really on top and not in the center like the 1st one.
  19. Site URL: https://www.rabbittdesign.net/ I've been reading and trying to fix this for hours. My site buttons work for the most part, replaced button background with an image and added a drop shadow on hover, yet some of my forms will not change no matter what code I throw at it. I am a novice. Here is the URL for the forms I am struggling with, Button should have an image background. https://www.rabbittdesign.net/reference-sites What other info is needed? Thank you so so much in advance.
  20. Site URL: http://vianature.ca/ Hi, I am trying to add some icons inside a text block by replacing some text strings by an image url using Javascript. I found several scripts that cycle through the page's HTML and replace a text string by something else, but even tho it actually works, it prevents all the rest of the page from loading correctly. I think it interferes with Squarespace 7.1's animations or something. One of the scripts used to work on an old website I made using Squarespace 7.0, but the same script doesn't work with 7.1 Does anyone have a working script to achieve something like this?
  21. I am in the process of importing my products with the upload template CSV. I have all of my images hosted within our company Google drive, and have added the public share links to my CSV under "Hosted Image URLs." After importing, though, only a blank square with a grey diagonal slash is visible where an imported photo should be. My guess is this is because my URLs don't end in .jpeg, .png, etc. Is there a way to get a link to my images hosted in Drive so that I won't encounter this problem? Is there a different hosting service I should be using that will automatically generate a link with an image extension?
  22. Site URL: http://dustin.land Hello all! I just wanted to know if it is at all possible to disable right-click / dragging of images usingly only CSS. Sadly I cant code inject as it is in not in my plan. If anyone knows of a way via css only without code injection, that would be great!
  23. Site URL: http://www.toolshed.london Hi I've added SVG icons to my site using code blocks. Is there a way of reducing the container depth/padding? I'd like to reduce the space between the icon and the title (see attached) Thanks
  24. Hi all, Does anyone know how to disable the image focal point's snap-to-center? I want to just move the focal point over the smallest amount from center, and it won't let me since it automatically snaps to the middle if you're within a certain distance from it. Thanks!
  • Create New...