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

Search the Community

Showing results for tags 'slideshow-gallery'.



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
  • Squarespace Forum Club Guidelines's Topics

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

  1. Hi, I'm using the Rally template and want to start using image slideshows in my blog posts. The goal is to 1. have each image its own paragraph of text as the "caption" below the image, not overlay. 2. And have each slide on its own URL. In the examples attached, you can see what I mean: the URL changes at the end ".../?slide=X" where X is the slide number. Any help will be much appreciated. Thank you.
  2. Site URL: https://jaguar-ray-tkpp.squarespace.com Hi there, I'm trying to adjust the max-height of the Simple slideshow gallery in Squarespace 7.1. Currently, the aspect ratio for this style gallery is about 1780px x 1080px and I'd like to adjust it so that it's closer to a 1x1 aspect ratio. I tried targeting the gallery using the property .sqs-gallery-block-slideshow but that hasn't worked. Does anyone knows what the property would be to adjust the gallery height in the custom css?
  3. is there a way to get a Gallery page in Wells to automatically transition between images? I can get it to work if I use a gallery block slideshow, but I like how the Gallery Page fills out the whole screen. However I just get arrows to click between slides, and can't figure out how to make it change to the next picture automatically.
  4. Site URL: https://www.waynesboro.org/ Hi there, Is it possible to make ONE gallery a split layout, while the others on the site can remain as slideshows? I want to add 3 gallery blocks to the bottom of each page, almost like a CTA before the footer, in a split layout. Any help or suggestions is much appreciated 🙂 Lesley
  5. Hello! I am trying to make Slideshow Reel autoplay in a photo gallery -frustrating as all of the other slideshows but this one already have autoplay Is anyone aware of a workaround? Do I need to have the business version of squarespace to enter custom CSS for this or is there a workaround for the personal version?
  6. Hi, I am using the Artesia template and have a scrolling/vertical website. The problem I have is that my Photo Gallery (which uses a Gallery Block w/ Slideshow enabled) is located at the bottom of my website. I have selected a certain order in which I would like my photos to display in the Photo Gallery. However, by the time a visitor has scrolled all the way to the bottom of the page, the Gallery has already begun transitioning and users do not see the photos in the order I was wanting 😞 Is there a Javascript code that I could use so that the Gallery does not start transitioning through my photos until a user has scrolled down to the section of the page which contains the Gallery Block? Ideally this would work on both Mobile and Desktop. Thanks!
  7. Does anyone know how to add padding to the new slideshow reel in 7.1?
  8. Hi, I have a vertical scrolling website all on one page and I had a quick question-- Is there a way that I can disable the Gallery Slideshow block from automatically starting the slideshow? Ideally, I would like the Slideshow to begin cycling through images once the user has scrolled down to that block on the page. Is this possible? Many thanks, Matt
  9. Site URL: https://stephenmontague.com Could someone kindly help me with the css to change the gallery style on a specific page: to have a gallery show as a slideshow banner on one page only, while having the other galleries show as grid in the Horizon template? Ideally I would like a slideshow banner under the ABOUT index page, but leave the galleries elsewhere as grids. Thank you!
  10. I have been trying to make my page in Forte which has a gallery of images full bleed so there is no margin or height limit and the images scroll behind the nav. I can not crack this puzzle and do not understand why my code below is not working in the custom css. slideshow strip main sqs-gallery-design-strip rendered #yui_3_17_2_1_1582988118820_88{ height: 0px; margin-top: 0px;} Attached is how it looks now, and how I want it to look without the margins. Thank you!
  11. Site URL: http://www.eventmarkllc.com I searched and tried a few CSS options but nothing has worked. What can I do to not have the slideshow gallery on my home page be cropped? Screenshots here. Using 7.1 and autoplay is turned off.
  12. Site URL: https://lanternfish-synthesizer-3eh7.squarespace.com/config/settings/site-visibility Hi, On my 7.1 website: https://lanternfish-synthesizer-3eh7.squarespace.com/chris-robertshaw (Password: concrete), I am having an issue where on mobile, my gallery (slideshow: reel) is cropping both sides of my images. This is at the bottom of the page in a key projects section, there is text on the images so I want these to still show. Does anyone know if there is a way to stop this cropping from happening and have the full width of each image? Desktop view: Mobile view:
  13. Site URL: http://www.juliemossfineart.co.uk Hello, I was wondering if any one had found a custom CSS to stop the image title and description from hovering across an image - I would like them to be displayed below instead? Any help would be great. Thank you
  14. Site URL: https://bronze-mackerel-t9gc.squarespace.com/ I've built a dozen websites on Squarespace and am building my first one with the new style of templates. I currently am using one called Almar. I'm trying to create a slideshow banner (multiple images with arrows) with text and a button over the image. According to Squarespace this template and the current gallery settings do not support that. Based on the settings, slideshows do not allow text on top of them and the image will not work with the navigation (bleeding into the navigation area). Basically a slideshow sits below the navigation, and allows no text on it. Looks like I will need some custom code. Any ideas or help? Thanks! -Ryan
  15. Hey everyone! I am using flatiron as my template and I want to remove the gallery title on the images or at least make the font smaller. I love the hover title but once you click on the image, it takes you to the gallery with the remaining photos. Now, once there, the title show up again on the left hand side. If there is any possibility to remove the Gallery Title that would be awesome. Or at least make the font smaller/move the title to the centre (above the image). If I can remove the title without ruining the hover option that would be ideal. As my template is in preview mode you will find screenshots below. Thanks!
  16. Hello! I'm using Brine and would love to add an overlay to a Gallery Block in Slideshow mode. I believe it needs to be done with CSS, but I just *cannot* figure out the selectors/code. I've tried playing with the opacity but it just turns things white and I actually want to darken it up. I'd also love to shrink the vertical size of the main slideshow but no luck their either. Sadly, I can't share the site because it's a not-yet-released app 😞 My bad code.... /* Trying to style overlay of slideshow .sqs-video-wrapper, .slide .sqs-gallery-design-stacked-slide .loaded { height: 50vh !important; background-color: #27241D; opacity: .95 !important; } */ Any help at all would be greatly precipitated!
  17. Site URL: https://chrysalis-seal-w5b5.squarespace.com/ I'm building a site for a client. They really like how the reel style slide show looks so I'd like to be able to link each image with a specific portfolio page. My problem is, I'd like to be able to have the title (see here: https://share.getcloudapp.com/Apur1xd0) display on the image so the user knows the name of the portfolio it's bringing them to. It looks like the title is showing up as an alt tag in the code. Does anyone know of code that would display an alt tag on an image? I've seen some examples with javascript but I have no idea how to incorporate that into this particular template.
  18. Site URL: https://sdbrosconsulting.com Hey, I was looking to add a border to the thumbnail of the active picture of a gallery for a client. I did not found much online so I came up with this code but it only adds a border to the top of the active thumbnail. When trying to add the border to the entire thumbnail (using border: instead of border-top:, the bottom border was not visible, neither when using border-bottom:). I'm think it actually looks better with the border on top only but if anyone knows how to have the border all-over please share! . sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide { opacity:0.5; } //Changes opacity of thumbnails not selected .sqs-block .sqs-gallery-thumbnails .sqs-gallery-design-strip-slide.sqs-active-slide { opacity:1; border-top: 1px solid #000; ; } //Changes opacity of selected/active thumbnail and sets a border on top of it
  19. Would anyone happen to know any codes I can use to add a carousel slideshow gallery at the top of the home page for the Five template? I love the overall look/feel of the Five template but noticed that it doesn't have a default option to allow for a home page image slider. Thank you.
  20. Site URL: https://oriole-triceratops-mkrb.squarespace.com/ I am trying to add hover effect on images in slideshow(gallery). When I hover over the images in slideshow I want it to become gray colour like in the screenshot attached but I am not able to do this with the slideshow images. Is there any way It can be done? Any help would be appreciated
  21. Site URL: http://www.mocoia.com Hello ! I have created a slideshow gallery home page for my website but i am disappointed that the default "caption" / "button title" is set on BODY style. I wish it could be set on HEADER 1 (like the rest of my navigation menus). Is there anyway to do that ? Also, how can i make the title backdrop, which is currently a low opacity black rectangle, a lot darker and if possible in another color ? I find it isn't strong enough and am disappointed i can't use the default SMALL BUTTON style set up on the rest of the website. Thank you in advance for your help !
  22. Site URL: https://juergenstrohmayer.net/nubuke-extended I would like to align all photos that do not fill the entire width of the gallery slideshow block to the left, to align with the text on the site. Portrait images currently align to the center. Settings are set to NOT crop images automatically, therefore resulting in images that do not fill the full width of the site.
  23. I was able to get meta data for my slideshow images - the title and description - to display on mobile devices by using this code (thanks to a fellow forum member for this): @media screen and (max-width:768px) { .sqs-gallery-block-slideshow .meta { display: block !important; overflow: hidden !important; /* i added this to keep the text within the contraints of the container */ max-width: none !important; height: auto !important; width: auto !important; min-width: 50%; white-space: normal !important; } .meta-title { font-size: 20px !Important; } .meta-description * { font-size: 10px !important; } .sqs-gallery-meta-container { display: none; } } But I'm running into an issue with the bounding box spilling outside of the image container or the container block. I'm not exactly sure. I would like to contain the text within the image (even expanding the image size). Or cause the text to overflow into ellipsis. I tried using text-overflow: ellipsis to no effect. Maybe I'm using it wrong? Thanks,
  24. Site URL: http://www.iggyrabinovich.com/ Hello, I'm using the Miller template. My index page is an automatic slideshow gallery, and each image has a fixed height. On desktop, the images look perfect, but they cut off strangely in mobile view. Is there any way to change the aspect ratio on mobile without changing the way it is on desktop, or is there a way for me to change how the images get cut off on mobile? Thanks!
  25. Site URL: https://www.welcometowinona.com/buy-the-book I would like to make a page similar to the one on the Winona website with text on one side and a gallery on the other side. Do anyone know how to do it? I have not found a layout where you can put a gallery next to text. I want the images to slideshow. This was very easy in version 7.0, but galleries in 7.1 seems to be limited. I tried using a summary, but it only took products. Thank you so much if you can help.
×
×
  • Create New...