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

Search the Community

Showing results for tags 'caption'.

  • 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
    • 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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi everyone, I'm stuck at a particular problem: No. 1 I'm working on a gallery of album covers and want to create the exact same effect as on this page: https://www.metallica.com/releases/albums/ Meaning: hovering over the image makes it greyed out (in the above example it's red) and a text with a subtitle for the release year appears. Then you can click on the gallery image and it will take you to the respective page. I have managed all of this with the below CSS coding BUT once I switch to mobile the font size gets way too big and messes up the whole look of it (see scree
  2. I'm helping set up a new site for my mom who is an artist. Our goal is to format her galleries so that image captions are not visible in the grid gallery overview, but do appear when an image is enlarged into lightbox. This was easy to do on my older 7.0 site, but we're having trouble on her newer 7.1 site. Any help on how to do this? Or is it possible to opt for 7.0 when setting up a new site currently?
  3. Site URL: https://www.mccookchristian.church/moveauction I tried several custom css codes I saw on other posts, but nothing works. I have an overlay on desktop sites, but nothing on mobile.
  4. Site URL: https://flower-bat-t5ng.squarespace.com/ Hi, I am trying to reduce the caption padding and margin for the image blocks on my portfolio. I have added the custom css code for the same: .design-layout-inline .image-caption-wrapper { padding: 0 !important; } .design-layout-inline .image-caption-wrapper h2 { margin-top: 5px !important; margin-bottom: 5px !important; } After doing so ,when I am still in the edit mode, I see the changes being reflected. But once I say Done and Save changes and publish/preview my site I don't see the ch
  5. Site URL: https://helicon-ranunculus-p828.squarespace.com/config/help Hello, Im trying to set up gallery pages to show details of work. Id like to have the captions resemble a gallery tag: TITLE year medium Pressing the return key does not drop down a line, all the text stays on one line. Can this be accomplished?
  6. Site URL: https://raymortenson.squarespace.com Hey all, I am woking on styling the captions of a site – https://raymortenson.squarespace.com (in production so pw: Portfolio) this project page for example: https://raymortenson.squarespace.com/projects/natural-landscape I'll break out separate posts for additional questions. I want to add links to the captions. I've tried a few things but nothing works so far. thanks
  7. I am trying to make the Summary Block thumbnail images on my client's site appear more like Image Block: Poster. Essentially they want to use the functions of the Summary Block for posts, but for the summary block to have the Title, Excerpt, and button on top of the images. Example attached. Is there a way to do this with CSS?
  8. Hi, I want to add a link to a caption in some of my galleries in the 7.1 template and it's not working. Any suggestions? This is the code in the caption—the break works, but the hyperlink won't show up. untitled, 2020 • Homemade sculpting compound, stone, armature • Height: 24.5”, Width: 16”, Depth: 3” <br></br><a href="/sculpture-1">Back</a>
  9. Site URL: https://aromon.squarespace.com/home-slideshow Hi there, Is there a way to change the caption font colour for specific images within a gallery? For example, on this page, could I have the first image of the slideshow have black text and the second, white text? Thank you! (The password for the website is hinoki)
  10. Hey folks, I'm trying to increase the caption text length via CSS so that I can have full-length paragraphs as captions overlaying images (in the attached image, you can see that the text is cut off after a few words, but I would like to have a font of at least size:2 in a long paragraph, ideally). Does anyone have a CSS code to facilitate this? Thanks so much!
  11. Posting again because my original post is missing. I'm doing my first 7.1 site for an artist client who has a large portfolio of work. Since captions are not yet supported in the gallery or portfolio layouts, has anyone figured out a workaround? Or any way to mimic thumbnail image navigation? It's a requirement to caption the artist's images with the gallery, otherwise I may as well go back to a Brine layout. Thanks.
  12. Site URL: https://www.jfkjets.com/airport-movements Hi, i'd like to have the ability to enable captions when someone opens a lightbox. The page URL is: https://www.jfkjets.com/airport-movements, and I have included an example of one of the images that has a description but the caption won't show up. Thank you!
  13. Site URL: http://carissatrianty.com Hi there, I'm working to edit text captions within inline-formatted image block. I put the text on "Overlay on Hover". The texts are already there (I put them in a while ago). I just needed to edit them, but when I hovered over the image and the text pops up, it didn't allow me to edit it. The cursor barely changes to editing cursor and remains on "Grabbing" one. I've been trying to deal with this for the whole day now and found nothing as a solution it's so frustrating. I did inject a code but it was only to style the overlay. Mind you that I put the
  14. Hi all. I have a Gallery section, (in 7.1) set to Masonry layout, with Lightboxing activated. I would like to have the images' individual descriptions/captions HIDDEN at the top level (so the masonry grid stays clean), but VISIBLE in full when someone clicks on an image to expand it into the lightbox format. I know it's not natively possible, but is there a way to do it with a code snippet perhaps? There is so much I need to say about each image, but not at the top, section level. The first impact has to be one of clean lines and no clutter. The second level, is drilling down to the
  15. Site URL: https://www.sterri.net/work To whom might be able to help me. I would very much like to be able to put caption/title under my images in gallery/masonry/slideshow in version 7.1. I would like to place it under each image - to the left and be able to adjust font, size ++ like I can on other parts of my web. Can this be done with a css or does it have to be a JavaScript code ? Yours sincerely Bjørn
  16. Site URL: https://www.briankellymusic.com/home Hi, I'm having trouble with a bit of CSS I'm using to style to font color and size for image captions on a client's homepage. They're using the Ishimoto template, and the website is: www.briankellymusic.com Here's what I'm using for CSS: .collection-type-gallery #slideshow .slide .image-description { position: absolute; right: 0; bottom: 0; left: 0; padding: 30px 20px 15px; background: #111; background: rgba(0, 0, 0, .5); color: #a49c52 important!; font-size: 9 px important! opac
  17. Site URL: https://owl-dove-wtt7.squarespace.com/ I'm having trouble adding captions to a masonry grid gallery on my home page. My website (https://owl-dove-wtt7.squarespace.com/) has a gallery with all the pictures I want but I can't find a way to place a caption (preferably white text over black) onto every picture when you go into lightbox mode and hover over it. Is there any work around? Do some templates work better with this CSS? I am using Gates template. https://decagon-pear-tmt5.squarespace.com/iberostar-selection-bavaro/ http://www.tedgorecreative.com/recentwor
  18. Site URL: https://westport-economic-opportunity.squarespace.com/ For this website https://westport-economic-opportunity.squarespace.com/ @tuanphan we want to remove the white space padding below the slideshow PASSWORD: westport
  19. Site URL: https://pear-sponge-56w4.squarespace.com/recarpet/event Hello, I would like to add an overlay caption when hovering over images in a gallery. I found the code to do this, it worked great but it disabled the lightbox function so the images couldn't be enlarged. Would anyone be able to help take a look at the code to see how to keep the lightbox function working? Thank you appreciate any help! CODE: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */
  20. Site URL: https://lynx-copper-kklb.squarespace.com Hi everyone! I am trying to fix this really irritating issue with my gallery block on my homepage. When I hover over it there is a green line that appears on both sides of the image. Does anyone know what could help resolve this? Thank you!
  21. Site URL: https://whitebirdgallery.squarespace.com/ I'm using the blog feature to create Gallery Artist pages for my art gallery client. Each post has a slideshow of the artist's work at the top. I would like to be able to display the image Title and Description below the image rather than overlaid on hover. Is this possible? pw: wb1971
  22. Site URL: https://talusandolsek.com/work/outdoors-t2cgl I was able to add captions to my gallery in light box following another forum, but I want the captions to be aligned to the left of the image. My issue is that the images use Content-fill: contain so the image is dynamically resized so I don't know how to align the caption with the end of the photo and not the padding on the side. Any help with would be appreciated!
  23. Site URL: https://www.dreamdescriptions.com/ Hello! I am trying to make my masonry grid ignore captions for spacing the images so that the space between images remain the same regardless of there being a caption to the image or not. The two pictures I have attached show the current irregular spacing that comes when I caption an image and the second picture shows the regular spacing that I hope to achieve. I also want to move the text closer to the image that it is a caption for. I hope someone can help! https://www.dreamdescriptions.com/ password: temp6789
  24. Site URL: https://www.winstonmaxwell.com/winston-maxwell-art-collective-art-handling Hi, I've been trying to adjust the spacing between the caption and the images, but they're all too big. I've tried the codes I found in some of the questions here, but they don't work on the site. I was wondering if anyone can help me out? We're also on a plan that doesn't allow injecting codes on certain pages only. Thank you. - P
  25. Site URL: https://www.summergrayphotography.com/contact Hi there, I am using a slideshow with captions to highlight some customer testimonials on my website. In desktop the captions work fine, but in mobile the testimonials are cut off in the middle. Is there any way to add more room so the full caption can be seen? You can see the page here, under my contact form: https://www.summergrayphotography.com/contact I have uploaded a picture of what it looks like on mobile. I have tried various bits of code from pervious forum questions but nothing has worked. Any advice appreciated!
  • Create New...