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

Search the Community

Showing results for tags 'caption'.

More search options

  • 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




Found 90 results

  1. 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.
  2. 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?
  3. Site URL: https://wisteria-panda-z2eg.squarespace.com/ pw: rotorrotor Hi All, On the landing page of my website is a fullscreen slideshow. I would like to have the .gallery-caption pop up on the right for odd images and on the left for even images. Currently I align them to the right using: .gallery-caption { margin-right: 0em;} For odd images I simply want to define: .gallery-caption { margin-left: 0em;} My problem is that when I use .gallery-caption:n-child it turns out that child(2) refers to the caption of EVERY image, while child(1) refers to the fading between images. Does anyone know how to do this right? Thank You + Best, Gregor
  4. Site URL: https://carnation-cardioid-yc95.squarespace.com Hello all, Just wondering if any of you could help me out with the two queries below: 1. My site has a hover effect assigned to images. On mobile view this effect works only on the first image being clicked. How can I set the effect not to work on mobile? 2. How can I move the subtitle of image captions on the bottom right of the image? Thanks for the help! site pw: mount$% Federica
  5. Site URL: https://wisteria-panda-z2eg.squarespace.com/ pw: rotorrotor Hello All, I established these caption backgrounds from my fullscreen slideshow: .gallery-caption { border-radius: 100px; background: rgba(0,0,0,0.73);} I would now like to blur this caption background. However, I can't seem to target it. A simple filter: blur will blur the entire text along with it. Can anyone help? Best, Gregor
  6. Site URL: https://gentlewisdom.squarespace.com/ Hello, I added some custom css to have an overlay appear upon hover of my image (attached screenshot). The caption text links to another page on my site. If the user clicks anywhere on this block I want it to link to the page, but right now only the text is linking despite adding a clickthrough URL on the image options window. I'm pretty sure this is because of the css to display a colored overlay over the image upon hover. Is there any workaround to get the whole overlay or image to link? Or is this just an either/or situation. Thanks for any help in advance.
  7. Site URL: https://minnow-bison-eb6k.squarespace.com/ Is there a way that you can adjust the caption spacing and the block height of gallery blocks on 7.1? The padding is just really large on 7.1 between blocks and under images. Ideally, I'd like to just have a site-wide padding like on 7.0 but that seems to not be how 7.1 works. It's particularly noticeable on mobile (see attached image). Any help would be great. The password for the site is: password Here is the code I've already injected: /* Nav item color */ .header-nav-item a { color: Black !important; } /* Nav item hover color */ .header-nav-item a:hover { color: #ef5232 !important; } /* Nav item active color */ .header-nav-item--active a { color: #ef5232 !important; } /* Nav item hover color - underline */ .header-nav-item--active a { color: #ef5232; } .header-nav-item--active a { background-image: #ef5232; } @media (max-width: 800px) { .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } .gallery-masonry .gallery-masonry-wrapper { columns: 1; column-gap: 0; padding: 0 10px; height: auto!important; display: block!important; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; padding: 10px!important; transform: none!important; width: 93%!important; display: block; } } @media (max-width: 800px) { .item-pagination-title, .item-pagination-icon { font-size: 15px !important; line-height: 19px !important; } } .header-menu-nav-item a { font-size: 25px; } @media screen and (max-width:800px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 5vw !important; } }
  8. Site URL: https://carnation-cardioid-yc95.squarespace.com Hello, I am using Wells template and trying to have a consistent text size for image captions, however it look s like it changes according to image size. Is there a CSS code I can use to monitor this? https://carnation-cardioid-yc95.squarespace.com pw: mount$% Thanks
  9. Site URL: https://yasminvafif.squarespace.com/artefacts/concrete-resin-and-rubber hi was wondering how to make the font size smaller on the captions of the images in the slideshow gallery to the same font size as the rest of the page. the font size i use is 0.7rem if that helps? thank you! 🙂
  10. Site URL: https://www.valiantresidential.com/ I'm having trouble adjusting the padding between the caption and the edge of the block (using Card Image Layout). I feel like the text is running way too close to the edge of the box. I've adjusting the padding options for regular text boxes, but it doesn't seem to apply to the captions of image layouts. Any help is greatly appreciated! Template: Fairfield Website: www.valiantresidential.com :
  11. Site URL: https://www.tommiatke.com/ Hi all, Just wondering if its at all possible to display the caption/description of a specific image in a project on the Flatiron template? I'd envision the text being inserted in the Image Settings when uploading the image, but just wondering if it can be displayed easily. Thanks all! Tom
  12. Hello, I'm trying to add a hyperlink (text or button) in the lightbox of an image. I'm a photographer and when a customer opens an image in a lightbox, I would like him to be able to click on a button (or text) "buy" to redirect him straight to the product page (the image to buy). I tried to add the product link in the caption, but it doesn't seem to work. Any idea ? Thanks for the help.
  13. Site URL: https://www.makinganexoneree.com/experts Hi, How do I get the captions on my simple gallery grid to be centered? Can't quite figure out the CSS for it. Thanks in advance! Page is here: https://www.makinganexoneree.com/experts
  14. I'm looking for some help with how to remove captions from the gallery, to instead show below the individual photos when selected to lightbox mode. Any advice would be much appreciated. @tuanphan Thanks in advance
  15. Hi, I use Caption in a Slideshow gallery in Squarespace 7.1 but how do i change font size of this caption? It´s very small. I tried some CSS codes also but it does´nt seem to work in 7.1. Best regards Jacob
  16. Hello folks: I want to create a full-screen block that has a large inset image (headline or image block) and that allows both a caption and accommodates text box overlays. As far as I can tell, Squarespace does not support a block like this, and it's driving me absolutely nuts. Up till now, I've had to choose between using (1) a headline block that accommodates text block overlays but does not support captions and (2) an image block that does not accommodate text block overlays but supports captions. I've defaulted to option 1, but it looks terrible. There is way too much space between the photo and the caption (see attached photos with black lines highlighting the issue). Can anyone help me sort this out? I don't want to adjust spacing on any other part of the website. I feel like it should not be this difficult. THANK YOU!
  17. Site URL: https://harp-chihuahua-m5cc.squarespace.com/ The caption display for the slideshow reel runs off the left side of the screen and behind the arrows, making it impossible to read on mobile. Desktop is fine. I'd like the caption (multiple lines) to be centered under the image and between the arrows on mobile for full readability. Hoping there is a way to solve this with some css.
  18. I'm trying to reduce the padding between an image and caption in 7.1. The default is ridiculously big. Does anyone know of a custom CSS code to fix that issue? I'd like a code that fixes it site-wide. The site is set to private right now because it's not ready yet....Here's an example though, this image is an inline image block.
  19. Site URL: https://www.merlinsheldrake.com I want to position a series of embedded youtube videos in a regular grid, two videos per row. When I do this the videos form an irregular grid because the captions are different lengths and cause the videos to offset. I overcame a similar problems with an image grid by using code in the custom CSS box that specifies a minimum height for the caption. I wonder if there is something similar that can be done for the video captions? Here is the code that sets the minimum height for the image captions: .image-card.sqs-dynamic-text-container { min-height: 220px; } Any help most welcome, thank you.
  20. Site URL: http://www.furrylittlepeach.com/ Hi there, I would like to achieve a gallery wall where each images title can be seen when hovering over the image. Does anyone know how to do this where the overlay is transparent white, the caption is opaque and black, and the text is in the center of the image? I provided a link to a website in Supply that already figured it out. Thanks for any feedback.
  21. Site URL: http://www.spiritualland.com.sg Hello everyone! I'm using the Brine template, and would like to change the size of the grey text box/caption of the gallery-slideshow block on my home page. I would like to be able to remove the space (shown in red) from the grey caption box, to make it thinner and sleeker. The picture with the white outline around the caption is what I wish the caption box size to be. Website is currently under construction. Please let me know if you need access/password so I can DM you.
  22. Site URL: http://www.alejandrodiazworks.com [SS 7.0 - Momentum template] On this site (Go to Work - Paintings - and click on a painting), the artist would like the captions to show automatically. Right now, you have to click the "i" (red upper corner) to turn them on then as you move through each image, it will stay on. How do I default it to "on" in the first place. Also, can the "i" and ">"(next) images and/or color be changed?
  23. Site URL: https://www.bethlehemsynagogue.org/photos-archived Hi there everyone! Who's excited!? Squarespace made it possible to display captions on gallery pages! Woohoo! Wondering if anyone knows how to change the styling of gallery captions. Specifically the font and font size, but would also love to know how to change positioning, etc. Thank you in advance!
  24. Site URL: https://www.casegoods.in/ Hi, Password of the website : CaseGoods_C3 I've made a custom design for all the captions of my images with this bit of code : /* caption design*/ .sqs-block.image-block .image-caption-wrapper p { font-size: 16px !important; letter-spacing: 0.02em !important; line-height: 1.3 !important; font-family: "Asul" !important; text-align: left; padding-top: 0px !important; margin-top: -5px; a {color: #05424d !important;} a:hover{color: #ffffff !important;} } I'm very happy about it but I then added 3 Images on my landing page and I would like for these 3 images only a different design for the caption, mainly to have the text-align:center and I'll probably increase the font-size as well. I tried finding out myself looking into the code of the page but was not able to figure out on my own. Any thoughts ? Attached image of the 3 captions I would like to center on the landing page.
  • Create New...