Jump to content

Search the Community

Showing results for tags 'caption'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • 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


  • Events Calendar

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hi all, I am looking at option how to add a video gallery to my clients website. Unfortunately there still does not seem to be a gallery section just for videos in 7.1, is this correct? As a workaround I know I can add a gallery to a blank section and embed videos via the little "+" sign. However, if I do this the caption/description I add for the video does not show. How can I get the description of an embedded video to show under the video in the gallery? As always, thank you very much for your advice. Onika
  2. Hello, I would like to know how to place captions on the left of the image in gallery slideshow: simple, instead of below the image as it is on this website: https://www.japan-art.com/en/artists/36-monika-huber/works/14-works-on-canvas-and-wood/9985-monika-huber-021628-o.t.-sw4-2011-2017/ Is there any code that can help with this requirement? Thanks,
  3. Hi How do I make the caption style on this page: https://smilodon-ocelot-my5f.squarespace.com/gallery?itemId=icgc6tp80ggn34v5qexq1xigrts8va (Pass: Hello) match the caption style on this page: https://www.mattportch.com/kalah (Below images - the top one match the bottom one)
  4. So I've got some old CSS in place, but cannot make the font LARGER on hover? VΓ₯re varemerker β€” StarCruiter
  5. Site URL: https://www.photojournalism.org/home-1 Hello. The password for the page is "circle." This is a hidden page I'm building on an existing site; the page will go live Saturday. You'll see there are two galleries stacked; the top is the new one that I'm having trouble with, and the bottom is the old one I'll be deleting (I copied an existing page). I just kept the second gallery up so you could see the difference. I'm having some trouble with captions. Image metadata importing is enabled for my site. In my gallery block (simple gallery), I have captions enabled. I have IPTC data embedded in photos, but when I upload them, the captions don't seem to be coming with them. They're not showing up either in the image description or in the caption field of the gallery. If I manually type in the image description field, it will show up (you might see the word "test" under the first image in the gallery), so it's clear it's the import that's the issue. I've successfully done this many times, and just can't figure out what's going on. I searched in the forum and saw a similar questions posed last spring, and a rep responded they were looking into it. Really hoping it's been resolved by now. Any thoughts/help/insight/advice? Thanks very much.
  6. Hi! I added some photos to a page and for some reason when clicking on the photos and viewing them in a lightbox the wrong caption appears under each of them. I tried erasing all the captions and writing them again under the correct photo but the problem still persists. What can be done to fix this? site password: photography123 url: https://www.alexandracabrerophoto.com/stories/united-states-of-america Thanks in advance
  7. Hi all. I am stumped. I added a social icon image to the bottom of a gallery caption. I used inline html to achieve this. BUT it does not want to stay below the caption text. I wants to go to the top left of the image. I have to use CSS to get it to the bottom center of the caption. I've tried margins, text-align, and a few other obvious codes, but I can't get it to be responsive. Currently, I have this: .soc-icon { width: 35px!important; height: 35px!important; margin-left: 44%!important; top: 90%!important; } But it doesn't look good on smaller screens. And feedback would be awesome. I'd prefer it to just be below the caption, and centered. Link: https://apricot-cobalt-gt3a.squarespace.com/about-us PW: TNG
  8. Hey, Trying to figure how to insert a hover caption box over images on my portfolio page. Ideally don't want to create a specific 'linked' page to each image; simply want the user to hover over each image and a box appears with deets about the image. Any tips/suggestions would be fantastic! Ty, Julietta
  9. Good day, Please help with the code for my descriptions to appear in mobile. I just noticed it is not appearing in my phone. In addition to that, how do we add spacing in between pictures in mobile? Say 20px? Thanks. Thank you in advance. Regards, K
  10. Good day, Reposting again and this information is crucial to my website. Please extend your kind assistance πŸ™ I need help with the code for my descriptions to appear in mobile. I just noticed it is not appearing in my phone. In addition to that, how do we reduce padding between images in mobile? Thanks. Thank you in advance. Regards, K
  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.morganedelfosse.com/series/reparer Hi everyone, I'd like to left align the captions on my galleries. Can you help me ? Many thanks, Morgane
  13. Site URL: https://coconut-grasshopper-b736.squarespace.com/config/pages/632491ecd2457c0d3e60fa0e?p Hi all site password : gingerkev i've successfully added some custom css to change my captions - for my gallery page 'testimonials' - to overlay. now id like to add a bit of padding, if thats the right phrase, to the caption text so it doesnt go right up to the sides of the box - even if that means reducing font size to then get it to fit.. is that poss? thanks in advance Kev
  14. Best I can tell, the ability to enter a caption for a photo has disappeared in Fluid Engine? Can anyone confirm?
  15. Site URL: https://www.bretmeraki.com I have made it so that my gallery caption is triggered by hovering over the photo on desktop. However, this doesn't apply to mobile, and the same custom CSS that allows it to function on a desktop creates a really unsightly effect. Does anyone have a block of code or some kind of command that would allow me to solely have the function on a desktop but remove it from mobile devices? Custom CSS: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.6); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1.3rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } .gallery-caption a { color: black; /* color of the caption text */ } footer p1{ font-size: 10px; color: white !important; }
  16. Hello, Im not sure of this is the correct area to make requests. As a photographer it would be great if in the galleries section if a user clicks on a photo for the description to populate. Thank you. The site is a work in progressing, feedback would be great.
  17. Hello! I'm wondering if there is an easy way to get the Portfolio project titles to appear below the image on mobile only? On desktop, it's preferred that the title appears on hover, but for the user experience on mobile would prefer them to appear below the image (example in attached screenshot) Thanks!
  18. Hi there, I am doing a website for a client who is only using a personal plan. As they are a jeweller, I need to be able to have a caption showing the details of the work in the Lightbox section of the gallery. I don't want the captions to show in the grid view. I'm having a lot of trouble trying to work this out, and I'm stuck because they do not want to upgrade to a business plan. Any help would be much appreciated! Nina
  19. I'd like to add a photo credit line underneath the image I'm using in a card image block - is this possible? It seems like it's not, but I'm imagining there's a CSS or HTML hack that would make this possible. I'm using the Bedford template.
  20. Site URL: https://octopus-avocado-223h.squarespace.com/config/pages I have a grid gallery section that I would prefer to be arranged in strips or masonry style. I want the image title to be displayed on hover with opacity. I was able to find code that worked for simple grid, but when I change the arrangement of the grid it's gone. Anyone?
  21. Site URL: https://www.michellecurrandesign.com/prime-video-kids-streaming Hi, I'm trying to get the subtitle of this stacked image to be just under the title. And I also want to tighten up the spacing above "This title" so that it's closer to the image. I've tried and tried with the custom CSS and can't seem to get it. Can anyone help?
  22. When using lightbox, i have a small dot in the bottom to show captions (within the image). however, it is too small and nobody can find it. is there a special css code to always show the caption when opened in lightbox?
  23. Site URL: https://jaguar-crow-elz8.squarespace.com/ The url password is "test". On the page, there are two gallery sections, each with 1 image. In the first, lightbox and captions are both enabled, and the captions only appear in the ordinary view but not the lightbox. In the second, lightbox is enabled but captions are not. As a result captions appear neither on the page nor in the lightbox. Both images have the same caption, which I inserted under Edit Gallery/Description. I'd like the first image on the page to appear without captions. However I would like the captions to appear when you click on the image to "enter the lightbox". Is this possible? The layout for both is Grid:Strips, if it matters. This is one of the squarespace default sites that I set up as a test.
  24. Hi, Im looking to change the font size on caption hover text. I've managed to split the lines of my caption up into 4 lines. Id like to make the 1st and 3rd lines in bold or larger font size. I've tried inserting .gallery-caption p:first-line {color: blue; font-size: 1rem; font-weight:bold} at various points but cant seem to get it to change the text. This is the css I have just now: figure.gallery-masonry-item { position: relative; } .gallery-caption { position: static; } .gallery-caption p{white-space: pre; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-masonry-item:hover .gallery-caption-content { opacity: 1 !important; font-family: Source Sans Pro; font-size: large; } /* overlay */ .gallery-masonry-item-wrapper a:after { background: #f1a638; /* Overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-masonry-item:hover .gallery-masonry-item-wrapper a:after { opacity: 1; } /* remove gap */ figcaption { padding: 0 !important; }
  25. Site URL: http://www.maggiebrz.design Hi everyone! I just switched from 7.0 to 7.1. In the masonry gallery grid, I'm trying to add hover effects to my images- a color overlay and image caption on hover. I talked to customer support, and they told me that 7.1 doesn't support gallery hovers. I'm having trouble with the code, and was wondering if anyone had more luck than I did? I've attached a screen shot of how the site is set up. I'm trying to keep the full-bleed effect. I've been stuck in a rabbit hole working on this all day - thanks for the help!!
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.