Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'image'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 390 results

  1. Hi All, I am trying to design/set up a blog page for my client and I am using a blog template on version 7.1. I can't seem to figure out how to get the thumbnail image to appear that corresponds to the blog post. As shown in the screenshot below (it's the first blog post in the list on the left, the rest are existing from the template) you can see the title of the post is there, but there's no image above (unlike the template's post next to it which has it's default landscape photo.) What am I doing wrong? Thanks in advance for any help advice.
  2. Screen Capture2020-01-18 15_22_56.mov Hello I need some help with the CSS. Please see the attached video. Here you can see that when you hover over each image, the image falls back very fast. This css code works for squarespace 7.1 (masonry gallery image grow on hover) The zoom scaling needs a tweak or two. I need help in the css to make the image hover more smoothly when hovering over each image. /* masonry-gallery-image-grow-on-hover sqs.7.1 */ .gallery-masonry-wrapper :hover img { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s ; transition-duration: 0.3s ; -webkit-transition-property: transform; transition-property: transform; } .gallery-masonry-wrapper :hover img, .gallery-masonry-wrapper:active img { -webkit-transform: scale(1.1) ; transform: scale(1.5) ; } // end
  3. Hello! I would like to change the hover effect on the homepage images for my website which is using the Jasper template. I would like for the images to change from grayscale to color when hovering over as opposed to the image to solid color when hovering. This is what I currently have... https://round-silver-m49j.squarespace.com/work If anyone could help it would be greatly appreciated! Thank you!
  4. Hi! I was wondering if someone could walk me through some code (if there is some) that allows me to click on an image (someones headshot) and the lightbox of it pops up with a bio description of them? Let me know if thats possible. Also I am still learning code so the simpler the instruction is the better haha. Thanks!
  5. I'm trying to remove the little gradient behind the image descriptions in my Ishimoto gallery but am having no luck. I want to keep the actual image description itself, I just don't want the grey gradient behind it to cover my images. Thanks in advance.
  6. Hi, my website is: https://www.cottagecc.com/home I'm trying to make the caption overlay on the homepage image (and site wide) to be a font that I've already imported from google fonts. thank you!
  7. I have am using a Brine/Moksha template and, on various pages, I need to change the background image to a different image when on mobile/tablets. Does anyone have script/html solution for this that I can inject in header? or css? See https://yelar.squarespace.com/hi-im-barbara-on-home for an example.
  8. Hi, I have a banner that I'm using and it works perfect on the desktop site but looks slightly odd in the mobile view. is there anyway to adjust the banner by "X" pixels in the mobile view? Here's the page it's happening on https://www.jfkjets.com/jfk-arrivals Thank you!
  9. Hello, I like how the underlines look in the regular text throughout my site. However, I want to remove the underlines in my Image Block : Card. Can anyone provide css for this? I am using the Blend Template. Thanks!
  10. Hello, I don't if this is just an issue in the new Version 7.1... Basically the padding looks fine while I am editing my inline image blocks, however when I save and see how it looks published, all of a sudden there is more space between the caption and the correlating image, making everything spaced out more. Does anyone know how to make the caption stay close to the image? Any help appreciated, thanks! Coral
  11. I'm having trouble with the poster image block looking funky on mobile. We have the image cropped where we'd like it for desktop browsers, but when it scales down to mobile it's cutting behind the text (see attached screenshots). Is there code that can help remedy this?
  12. I am evaluating SS and have hit a hurdle for what I would have thought is basic requirement. In the footer, I have a text block on top and an image block underneath (with caption). How do you left align the image so the block content remains aligned with the text block above it?
  13. I have standard tags I use for certain kinds of images, so I usually just copy and paste them all at once. For example: tag,tags,tagging With the most recent change Squarespace has made to index galleries, copying and pasting that into an image's tags will now add it as one single tag, rather than three separate tags. Is this just a temporary bug? Or if not, is there a way around it? I've tried adding spaces after the commas, replacing the commas with tabs, and replacing them with line breaks, all to no avail. Adding the tags one by one seems to be the only option right now and it's really slowing me down, so any help would be much appreciated. Thanks!
  14. Hi everyone, I am using the Utica (Brine) template for my site, and it has 3 image blocks across the home page in the "stack" format. I've added a button to each one that links to a different page on the site. The buttons automatically align to the left of the block, below the image and text, and of course are slightly different widths as each one has different text. I've found CSS snippets to standardize the width of the buttons here and elsewhere on the web, but they don't have any impact on the buttons in the image blocks. Is there any way to make all of these buttons the same width, and also to center them at the bottom of each image block? Thank you so much.
  15. I am a writer and i need a template that allows me to display my bylines. Each byline has an image, and in the design I envision, the template would show the image, and then as you mouse over the image, alt text would appear that is an excerpt from the story. I tried this with the Wexley template but that one only allows a certain number of characters as the alt text. Sometimes the excerpt i want is maybe six or seven sentences. Is there a template that allows text overlay of as much as say 1k characters on images?
  16. I want to know how to incorporate a zoom and pan/move function when you hover over an an image. Like this example: http://herner.co.uk/works/2579/
  17. Hello, ** For SS 7.1! I would like to add some code so that when someone hovers their mouse over a product it STOPS the roll over effect and showing a second image. I would like to stop this entirely, on desktop and mobile so that it just shows the first image static. No other effects. Thank you! Scott.
  18. On this page (https://www.recordofalife.com/example), the banner photo is fullbleed & parallax. My question is, is it possible to make an image block with a single photo (not gallery images) do the same (fullbleed & parallax)? If you look farther down the page there is an image block with a single photo. I'd like to isolate this per page and not applied site wide if possible. Thank you. K.
  19. Hiya, I've got a full photo with text overlay for my homepage, yet the footer still shows as a block of colour - is there a way to have this transparent? To allow the photo to truly cover every element? Thanks ❤️
  20. I'd like to replace the background header image with one that is designed to fit a vertical layout when site is viewed on mobile. Ideally text and icon sit above the person in the image, rather than to the side like they do for larger displays. site is https://icosahedron-rust-5y3f.squarespace.com/ password: 2020 The image below is the one I'd like to use for mobile. I can adjust image size/dimensions if needed. Any help greatly appreciated!
  21. Dear support, dear forum, do you have an idea how we could make these 2 pictures smaller in a gallery? Or is it better without a gallery? It is only important that they are in the middle and smaller. Thank you! I think something is easy with CSS but after 30 minutes I still have no idea! Best, Daniel Version 7.0 – Brine-Familie (Polaris-Template) https://www.kaschemme.ch/ (just scroll down to the bottom)
  22. I'm trying to create a hover in my gallery grid. I'd like each image in the grid to show a different image upon hovering. I have code in the css now to change the color but I'd rather it show a picture instead. Is it possible to do this? I'm using the brine template. This is the page I'm working on: https://www.stephanieausfresser.com/peakweather
  23. I have a gallery grid with images (of artwork). I have it set to pop-up with enlarged images in a lightbox, and display the captions on hover. This is fine on desktop, but on mobile devices the captions do not display unless you tap a tiny dot in the lower right hand corner. Absolutely no one sees this, so mobile visitors to my site always think there is no caption information given. A fine solution would be to simply have the captions below the enlarged lightbox images, and always show up (no hover). This seems like a really, really basic format, but it seems that this is simply not an option on Squarespace, which is baffling to me. Are there any workarounds for this? Having a simple grid of images where you click an image and get a bigger image with a caption below it really seems like something that should be possible.
  24. Hi all - I have a large image on my homepage that consists of a book image on the left and quote text on the right. This looks great in desktop (see pic) but for mobile the whole image shrinks so much that the text is a bit too small and the overall page is too short (see pic) I'd love to reconfigure the image for the mobile version only, so that the image and quote are stacked instead of side by side. If I pop this new stacked image into the editor while in the mobile view, will the image replace in desktop and tablet views as well (I don't want them to)? Or will this efect the mobile version only (I hope so!). Thank you for any help!! - KJ
  25. Hi, Does anyone know how I replace the title of my collage block with a logo? See attached photo. This is driving me bonkers..
×
×
  • Create New...