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


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 41 results

  1. 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.
  2. 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.
  3. Hello all, I need some help! I am currently using the Ishimoto template because I want my Collection of Images/horizontal scroll Gallery to stretch the entire width of the screen. However, with this template, captions are either ON or OFF - there is no option for CAPTION ON HOVER. There is this hover option on other templates, but their horizontal scroll galleries do not stretch the entire width of the screen. Does anyone know how I can achieve what I am looking for? It appears that people have posted HTML codes for this issue in past Squarespace forums, but sadly Squarespace has removed them (hmph!). Thanks!
  4. 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!
  5. 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
  6. I'm working on my site: http://vedranm.com I have added a CSS code to show the Image Title and Descriptions under the Gallery images. I will paste that code below. But for whatever reason, the images now seem to be off-center, so the titles and descriptions below it don't look centered and aligned. Let me know please if someone has a suggestion how to fix this? .collection-type-gallery #slideshowWrapper .image-description { text-align: center; width: 100%; padding: 10px 0px 0; background: #fff; display: block; position: relative; bottom: 0px; margin-top: 0px; margin-bottom: 25px; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide img { max-height: 90%; width: auto !important; margin: 0 auto !important; margin-left: auto; margin-right: auto; top: 0 !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit { position: sticky; max-height: 100%; width: 800px !important; margin: auto; top: 50%; left: 50%; transform: translate(0%, 0%); right: auto !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit .intrinsic-inner { text-align: center; }
  7. 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.
  8. Hi, Wondering if anyone has found a solution to create an Index Gallery Page on Brine that has the same Masonry style images to match the rest of the galleries? I'd love for my project page (https://www.jchongstudio.com/projects) to match the Auto Grid / Masonry style to match the rest of my website galleries however Index Gallery Pages only have the Grid (without auto heights). Alternatively if there is a code to create caption overlays similar to what I have shown under projects with a masonry gallery page would love any tips!
  9. Hi, I'm trying to find a template with a grid gallery layout where I can display the image title description below the image. I've been testing Foster and from the demo site and what squarespace says I should be able to move the titles below the images but I see no option to do that. I'm an artist and I can't have the title and description covering up my artwork. I currently use Avenue and am switching because I can not make the gallery a grid and the images are too big. I need to be able to display the images in a grid several next to each other with the title/description below so it is easy for people to scroll through when I submit for shows etc. If it's too much work people will get annoyed and move on. I feel like this should be simple but am stuck.
  10. Hi there, My template is Rally and I am trying to get my SLIDESHOW CAPTIONS to display on MOBILE. They display fine on Desktop but not on mobile. Help?
  11. Hi, I have a website with the Wexley template, and I'd like one of two things to happen when a user clicks on an image in a gallery on the page: 1) The click leads to another URL (clickthrough URLs are enabled) 2) The lightbox opens, but a caption appears under the image. Is either of these options possible? My site is www.dana-simmons.com Thanks!
  12. Could anyone tell me why there is such a large gap of space between the caption & image? I did use custom CSS code from a fellow Facebooker, but he doesn't think the codes are the problem? I have the Skye template. It's just in my latest post since I've added code: https://www.stefastrolls.com/home/day-trip-to-zaandam-zaanse-schans-netherlands These are all the codes I currently have in SS: .footer-nav .main-navigation::after { white-space: pre-line; content: "\00000A © 2019 all rights reserved";} img:not([alt="Stefa Strolls"]) { border: 12px solid #fff; } Thank you in advance!
  13. Hello! I am trying to move the image captions on a Project Page Template on the top of the page as opposed to below it. Is there a custom CSS that anyone has that would work for this? I saw a thread for the same question on the Bedford template but it seems like that issue was not resolved. I'm trying to get this sit up in the next few days so if anyone could help me in this regard that would be awesome. Many thanks!
  14. I would like to know which templates show captions in galleries on mobile- I’m using sonny (Brine) and there’s no caption in landscape or portrait mode. Is there some code or a work around? Or perhaps a different way of doing things. My client is a jeweller who wants to display her collection with captions and just can’t have anything else... other than drawing up a page with photos and text I’m struggling to work out how to do this....
  15. 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?
  16. Working on a site and the client wants the captions in the gallery block I set up to have an opaque background, or just appear entirely underneath the photo. Anyone know how to create a solid background behind captions in a gallery block with css? Preferably that spans the entire image horizontally? I've got the caption position set to "bottom left" right now, which creates a transparent background, but it wraps the text and keeps everything on the left side. If I select "left" as the caption position, there's no background at all. So, I need css to either: a) Make the background that appears in the "bottom left" caption position setting transparent AND make it span the full width of the image or b) Create a background for the "left" caption position setting OR c) Somehow detach the caption to appear underneath the image Any ideas?
  17. Hi all, I'm using the Jasper template and simply want the title of an image to show as text on the image, when you hover over the image. I've spent hours trying to find help on this topic but with no joy. Any help would be much appreciated. Thank you.
  18. I already found a solution to show the description of an image on a gallery page with the following code: .slide-meta { position: absolute; display: block !important; color: black; font-size: 15px; line-height: 1.3; } The problem now is that other images hide the caption of the image above. How can the space under an images made larger so the fully caption is visable?
  19. Hi all, I was wondering if there's a way I can display an image caption on a separate block?
  20. I’m using the Wells template. How can I have titles and a caption for gallery images appear in the lefthand sidebar? I would also like it to use a small font so this is not distracting and fits to the sidebar. But I don’t seem to be able to independently set text for the blog page. Is there any way to do this with CSS?
  21. The following issues were found on your site: Text too small to read I'm certain it is referring to the default caption font located under the image within the image blocks. How can I make them larger on the mobile version of the site? I am using the Margot template.
  22. Hi there - Im trying to figure out how to put captions on large images in a slideshow, it doesnt have to be a 'slideshow' per se, i just would like to click through a series of captioned images, rather than have the user scroll down the page to look at them. All the support literature appears to reference a template system that no longer exists? I tried to figure out what template i was on using the guide, and i eschewed that the 7.1 update has made templates redundant. Unfortunately all the literature then is out of date? Surely I am missing something very simple, this seems like it would be an extremely basic feature to implement? Any help would be greatly appreciated :)
  23. Hello, I am trying to get my website to have nice images that are links to other projects. I want the look of the caption as an overlay. Both the image and text need to be clickable links. I am struggling getting the text to not be clipped, cropped, or otherwise different between screen sizes. For instance it looks great on a desktop and looks terrible on a tablet. Please see screen shot of an example of what is happening. Any ideas on how to do this so the text scales properly across all screen sizes?
  24. You can add this code to the Custom CSS panel on your site to hide the image caption when the image is shown on la lightbox, but keeping it on the image block: .sqs-lightbox-meta { display:none;} Hope it helps
  25. I am using the Five template for my website, primarily because I wanted 3 columns in my blog. However, the text attributes for image captions are hard coded (weirdly enough) to be all uppercase and the text color is a dark gray. Problem is the background on my canvas is dark gray, so the image caption doesn't read very well, AND I don't like all uppercase. Now, I know how to go in and add custom css code, but I don't know what code I need to put in in order to change the image caption text color and have it be capitalized (rather than all uppercase). Thanks for any help!
×
×
  • Create New...