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
  • 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://thedetoureffect.com/blog/digital-nomad-gift-ideas Hi there, I found out that I can give an image link a nofollow attribute by pasting this onto the end of the affiliate link: "rel="sponsored This works when you click on the image itself. But if I write a caption and try to include a link there, it doesn't work. Example: I chose the "overlap" design for my images here because it looks cooler than other methods of advertising/linking to products. I wrote long captions to go with each image and included some links in the caption. If I paste "rel="sponsored onto the end of those links, clicking on the links will bring up an error. So I removed "rel="sponsored from all of them, but this is going to hurt my SEO ranking. Any ideas? Thank you!
  2. Hi, how do I add an image to a specific custom product form? Thanks!
  3. Site URL: https://www.forallhumankind.com/stillsgallery Am looking to sell some of my still images. Is there a good third party site that prints and ships and works seamlessly with square space?
  4. Site URL: https://bassoon-aardvark-m9nc.squarespace.com/board I am using the list feature to show board member photos on a client's site. I would like a line break in the Content Title so that it is First Name <br> Last Name. This currently happens automatically for most names, but not all due to length. It is not possible to add html or returns in the Content Title field. So how might I achieve this? Website linked above. Password: pipclt
  5. Site URL: https://radonsystemalarms.com I would like to add some smaller photos on both sides of the title of my home page. Is it possible to drop them in?
  6. Site URL: https://www.jessclarkdesign.com/new-page On my site I have images for each project linking to their separate pages, does anyone have any code that would allow me to replace the image when viewed on mobile to a more suitable sized one, like how you can for banner images please?
  7. Site URL: https://pigeon-wolf-x69b.squarespace.com/opportunities The preview im getting on squareapce vs looking at the website on my phone (Iphone 12) is different. Any fixes for this? Here is teh code implemtend to make the image mobile friendly //Oppotunties header image @media only screen and (max-width: 768px) { section[data-section-id="61647811b044e06ce6ef4064"] { min-height: 45vh !important; img { height: auto !important; padding-top: 12vh; background: #000; } .section-background { height: 45vh; } .content-wrapper { height: 45vh; padding-top: 12vh !important; padding-bottom: 0 !important; position: absolute !important; top: 0; align-items: center; } } }
  8. Site URL: https://disc-cone-hl9f.squarespace.com/ Hi, Our website is starting to really come together thanks to all the help on the forums. One thing I'm having an issue with and can't seem to find a fix for is landscape view on mobile. Our home page has a background image with our logo as another image sitting on top. This resizes perfectly to mobile when held in portrait but if I turn the phone sideways to landscape the logo image fits the screen width ways but cuts the top and bottom off and looks really messy. Is there a way round this - i.e to force it to display the image resized to fit the height of the phone screen and not the width? pass : kinglear Many thanks.
  9. Site URL: https://kale-viola-brsd.squarespace.com/ Hey guys, this should be a really simple one but I'm unsure if it's possible. Can we target standard image captions with a custom font that's different to the general P tag? At the moment my paragraph and caption font is the same. As another option I could select and style 'Monospace' for the image caption to give a unique ID, but I'm having trouble styling this with a custom font too.
  10. I'm in process of transferring blog posts from Wordpress to Squarespace for a client. Previously we could drag an image from their old post to a Squarespace post and the image would transfer along with the link it contained. It looks like the new uploader broke this so now we have to resort to downloading each image, reuploading each of them, and finding and entering the links they contained. It now takes many more clicks and searching, and easily takes 10x as long to transfer a post. Why has drag and drop been removed? This is a MAJOR step backwards. Is there a workaround, or a way to go back to the old uploader? We have 300 posts to go, each containing dozens of images, and I'm now going to lose a ton of money, or have to submit a change order and have a pissed off client. Help, please!
  11. Imported (uploaded) images are accessible in new image blocks from the Search For Image > Imported section. I've had my site for several years and it's gone through drastic revamps in that time. Now, the oldest images are still there, despite no longer being in use on any existent page. How do I delete these outdated imported images? I can't find any option for it even though it seems like something so straightforward should have a very simple answer. Thanks!
  12. Site URL: https://endive-denim-89ds.squarespace.com/resorts pw: 1404-Hello Hi community, I have made a wall of images on my page that looks great on desktop, but feels way too long on mobile. I would like to display two images per row (kind of like an instagram page) for mobile screens only. I have tried with the code below that targets the section only, but it doesn't put the images side by side... Any help is appreciated. Thank you ! @media screen and (max-width:767px) { div#page-section-5fd63cbbc4373837b905ef57>.row { display: float; justify-content: space-between; align-items: center; width: 50% !important; float: left; }}
  13. Hello I've found that when displaying captions underneath a gallery block with slideshow: reel (in Squarespace 7.1), it creates a huge empty gap underneath, before the next section begins. If you remove captions the next section starts immediately under the gallery block. I'm looking to find a way through custom css (I assume is the only way here), to have this dead-space reduced as much as possible, I've attached an example of the issue both in desktop and mobile view (which highlights the issue even more). If anyone can help out, please let me know! Thank you!
  14. Site URL: https://www.xystema.com/ From the images (wide and mobile screen) attached here, I'd like the following fixes: Align the name text centered vertically on both wide and mobile screen. Move the name text on the right side of the image on mobile screen same as with the wide screen. The site password is 0612. I will appreciate any help here.
  15. Site URL: https://carillon-papaya-ae7y.squarespace.com/ Hi there, Desperately looking for an answer. I have header/intro images on certain pages on my website - see attached. The Homeware text is the perfect size on desktop but as soon as it scales down to mobile, the text is way too small. Is there a way to keep the text size on desktop and scale up when on mobile for all poster text on my website? Thanks in advance.
  16. Site URL: http://silverstreakstudio.com/films Hi all, Hoping someone cleverer than me can help with an issue I on my website. I have input some CSS code for a variety of image blocks on a page to turn them into animated gifs when you hover over them. I have also set up the images so that you should be able to click on them and it take you through to a different page. This works perfectly for the first 5 images on the page but for some reason the click through doesn't work for the remaining images on the page, even though I the CSS is the same. If I remove the CSS the link works fine. Have tried a variety of things to no avail, but I am only just learning my way with CSS so would be grateful for someone with some more coding experience if you have any ideas..... This is the CSS code for two of the blocks. For the first one, the click-link works, for the second, it doesn't. The rest have the same code with the block ID and gif reference changed. PW for site is Silverstreak Thanks in advance! // Creating the Dinaka gif image // #block-yui_3_17_2_1_1633440593043_86459::after { background-image: url('https://static1.squarespace.com/static/613f622f33629f25cf7a3a4d/t/615f368be4b9b10aead57e42/1633629851119/Dinaka1.gif'); background-position: absolute; background-repeat: no-repeat; background-size: 100%; content: ''; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; } //Hover mode #block-yui_3_17_2_1_1633440593043_86459:hover img { opacity: 0; } #block-yui_3_17_2_1_1633440593043_86459:hover::after { opacity: 1; } // Creating the Enclave gif image // #block-yui_3_17_2_1_1633440593043_125562::after { background-image: url('https://static1.squarespace.com/static/613f622f33629f25cf7a3a4d/t/616001526baf2c4df9c70b86/1633681761768/The+Enclave.gif'); background-position: absolute; background-repeat: no-repeat; background-size: 100%; content: ''; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; } //Hover mode #block-yui_3_17_2_1_1633440593043_125562:hover img { opacity: 0; } #block-yui_3_17_2_1_1633440593043_125562:hover::after { opacity: 1; }
  17. Site URL: https://tretuser.com Hi, how do I make my background image load faster? Thanks in advance for your help.
  18. Site URL: https://www.novalielane.com Hi there, I was needing some help with an overlap image block in mobile view. Looks great on desktop, but on mobile the text card covers the image too much. Is there anyway only for mobile to lower the text card so that the image is more visible? Thank you so much!
  19. Site URL: https://chameleon-bison-6zh5.squarespace.com/ Hey! If you look at this site on mobile view, and scroll to the bottom, the company logo (image block) fills the screen. I would like ti to be proportional to how it reads on desktop view. Or similar. Any ideas on how I can do this? Thank in advance.
  20. Site URL: https://madeofair.com Hi ! I would like to reduce the line height of some text on the 'Our Team' page of my site (madeofair.com) >>>> https://www.madeofair.com/ourteam There is too much distance between the titles and the subtext (see photo example below) Many thanks in advance, - K
  21. Site URL: https://art.charlesstemen.com/ I'm selling photo prints. On mobile my product images are being cropped on the store, product, and fullscreen preview page in a way where the user will never see the full product. Making white bars on the images that get cropped or putting an duplicate image into the additional info were suggestions I got from Squarespage support - so clunky haha, not what I am looking for... I get and am ok with the cropping on the store / product page, but it seems crazy to me that the fullscreen image would be cropped and not just responsively fit any size image to the width of the screen. Whats frustrating is that if I switch from desktop to mobile while in the fullscreen image preview, it shows the image uncropped! So I can see it how I want it! But does not do this ever when on mobile/clicking into fullscreen preview from mobile, so not very helpful. Is there some CSS I can add to remove image cropping on mobile/tablets for the fullscreen preview and potentially the product detail page entirely? Alternating between slideshow/stacked/carousel does not affect mobile appearance, and not seeing any other changes within Squarespace that would address this. Ive seen some other threads with similar topics, so maybe this is a lost cause..
  22. Site URL: https://klfoundation.ca Hi, Through a little trial and error and pulling other helpful code from other post i was able to put a colour background on the blog post page of a site im working on, Unfortunately ive not been able to figure out how to add a image to look similar to the other pages headers. Page im working on https://www.klfoundation.ca/news/blog-post-title-four-a8knm Page sample of how i want it to look (just the image part behind the colour) https://www.klfoundation.ca/getinvolved the current ccs code im using is (i know the nav-folder is not relevant to this, but wanted all the code im using there for completions sake); - - - .collection-type-blog-basic-grid.view-item .header-announcement-bar-wrapper { background: rgba(255,77,0,0.9) !important; } .header-nav-folder-content { background: rgba(0,0,0,0.5) !important; } - - - Any help on what i would need would be supper helpful, the image i want in the background is already uploaded to the site as its just a repeat of the landing image - IMG_0395
  23. Site URL: http://www.theweepearl.com/recipes Hi - On my blog page (www.theweepearl.com/recipes, pw: Wee5), I have four images of cocktail drawings at the top. They are horizontally aligned side-by-side. I'd like to add some code to keep them this way on mobile, I don't want them to be one on top of the other. Is there a way to group them? These images will be links if that matters. Thanks, Corinne
  24. Site URL: http://kdigitalstudio.com Hey! I have images blocks on my website to represent resources about what I use for my business. They appear in the backend of the site when I am editing as expected, but do not appear on the live version of the site. This is the only page where I am encountering the issue and can't figure out what's going wrong. It appears the images on the page that has this issue is random. What should I do?
  25. Hello, when I use a PNG as a background image for a section in a blank template 7.1 site it doesn't seem to be adopting the color scheme I've selected at the upper right corner of the edit window. Am I missing something? According to the Color scheme I've selected, the bG should be white? Thanks!
  • Create New...