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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 201 results

  1. Site URL: https://clementine-sunflower-4f33.squarespace.com/ Hello Squarespace Forum! I would really appreciate if someone could please help me make the arrows on my slideshow gallery bigger. At the moment they are quite small and not very obvious. I've tried the CSS from a couple of blogs that I have read but it doesn't seem to make any difference. I'm not sure if this CSS that I have used for the descriptions on the gallery are interfering with the code? I used the CSS from this article and put the Javascript into a Markdown block in the footer: The site is using version 7.1. Thanks! Amelia
  2. Site URL: http://tom-farmer.com/ponte Hi I am using the Wexley template, I've had it for a few years and I'm trying to change a few things, the default gallery layout is a Grid then you can click on each individual image and click through. I would like to have the opposite, to start with one image in a slideshow and then end on a grid of all the images at the end? Does anyone know of the best way to do this? I tried creating a blank page and then inserting a custom slideshow but then how can I insert a grid (or thumbnail view of the images at the end) Any help greatly appreciated Thanks Tom
  3. Hi all, On the homepage of my new website I have a Gallery section with "Slideshow: Reel" that looks great, but of course no option for autoplay. I would be very grateful if someone could let me know how to get it to autoplay - without having to spend $50 on some plugin for one feature. Thank you!
  4. Site URL: https://courtney-skin.squarespace.com/ Hi, I've looked through the suggested code for similar issues to this, but it does not seem to be quite what I need for this issue with this particular website. I created this website with an index slideshow and on desktop it looks awesome!! On mobile it's very underwhelming because it's so tiny. Is there a way to make the slideshow bigger on Mobile to ultimately make a better first impression? I would be fine getting rid of the banner image on the mobile version if this is an option to make it bigger. Any suggestions appreciated. Site is courtney-skin.squarespace.com password: courtney Thank You!
  5. Site URL: http://www.shaesandersbooks.com Hello, I can't seem to figure out how to fix this issue. I've searched and found other posts on this and I've tried some of the CSS code solutions that were given but nothing has worked so far. I would like my site to properly shrink the images in the slideshow on my front page so that they appear on mobile the way they so on desktop.
  6. Site URL: https://www.keegan-grandbois.com/new-page-1 Hi, I'm trying to figure out how I can have a gallery page that essential pairs two images together randomly from a group of images on the site. I was thinking of placing two gallery slideshows side by side, which looks right, but then I still need to figure out how to randomize the cycle? Any help is much appreciated, thank you
  7. Hi there! I'm looking to see if there's any css that would work for making a slideshow gallery full bleed in the Adirondack template. Unfortunately this template is really basic and it doesn't look like full width is offered within the style elements for galleries. I've attached a photo for reference to see what it looks like now. Ideally I would like no white space on either side or on top (top of the photo would be right underneath the menu). Initially, as a workaround, I made a gif for the homepage banner image (so it would rotate and be full width) but the quality of the images was compromised so I had to switch to a slideshow instead. Any advice would be so greatly appreciated. Thanks in advance 🙂
  8. Site URL: https://swan-porcupine-xnfl.squarespace.com/config/pages Hello, I would like to add a bit more vertical space between my slideshow galleries and the thumbnails below the slideshow. Is there a CSS code that I can use to do this? My site is still private as I develop it. https://swan-porcupine-xnfl.squarespace.com/config/pages Thanks, sk
  9. Site URL: http://www.phans55.com I am trying to add alt text to the gallery blocks on the index page of the Pacific theme. My problem is the alt text displays over the image. I cannot get it to hide. I saw 1 solution adding custom css code but it didn't work. .collection-type-gallery .meta .image-title { display: none; } But it didn't seem to work.
  10. What code shoud i try if i want my squarespace slider to pause when i hover over the slider??
  11. Site URL: https://experimentalbitchpresents.com/ Hello, I'd like to add a button to the images on a gallery block on a page (homepage) that's part of an index. Any help would be so appreciated! website: https://experimentalbitchpresents.com/ template: Mentor (added 2 yrs ago) Thank you!
  12. Site URL: http://www.breakerministries.com Does anyone know why when I put an image gallery at the top of my page that it automatically turns into the main banner for my page? I just wanted to use it as a rotating image gallery to promote things. But when it turns into the main banner for my page, it formats it with a gray faded gradient over it and resizes it, which is what I don't want. Anyone know how to fix this?
  13. Site URL: https://crane-burgundy-rnlt.squarespace.com/allmusic/chillwave Hi guys, I'm having trouble with the slideshow gallery on this page... https://crane-burgundy-rnlt.squarespace.com/allmusic/chillwave password- test The slideshow arrows arn't working and neither is the title of each image displaying. Any ideas would be appreciated! R
  14. 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.
  15. Site URL: https://potato-sphere-g3k8.squarespace.com/config/design/custom-css HI! Does anyone know a code to get rotating/ gallery of quotes or testimonials? Thanks!! https://potato-sphere-g3k8.squarespace.com/config/settings/domains or naonow.com Password: naonow
  16. Site URL: https://potato-sphere-g3k8.squarespace.com/config/design/custom-css HI! Does anyone know a code to get rotating/ gallery of quotes or testimonials? Thanks!! https://potato-sphere-g3k8.squarespace.com/config/settings/domains or naonow.com Password: naonow
  17. Site URL: https://albertorozco.co/ Please help! I created a blank page and added a gallery block on my Jasper Jin template page. I have made it as a homepage. albertorozco.co I am trying to make this page full bleed (full height and full width) on desktop, tablet, and mobile. I have a combination of landscape and portrait photos in the slideshow and they are set to automatically crop images to maintain a clean ratio. I dont want to use another template because Jasper provides all the page templates i require for my page. Is there a way to add custom css that will make this page full bleed (full height and full width) on desktop, tablet, and mobile. ? Thank you!
  18. Site URL: https://potato-sphere-g3k8.squarespace.com/products Hi! Does anyone know how to add a caption/ title on top of a gallery of images? Thanks!
  19. Hi, The fade transition time between images in a 7.1 Gallery Section Slideshow is too abrupt. SS cannot assist as it requires code injection. Does anyone know of some code that will slow the fade down so there is a slow cross-fade effect between images? The code below works in 7.0 (in the page's CSS) but it doesn't work in 7.1 (Gallery Section inserted into a Blank Page). Many thanks. <style> .slide { visibility: visible !important; -webkit-transition: opacity 2s ease-in-out; -ms-transition: opacity 2s ease-in-out; -moz-transition: opacity 2s ease-in-out; -o-transition: opacity 2s ease-in-out; transition: opacity 2s ease-in-out; } </style>
  20. Hi, I would like to place an overlay color over my gallery slideshow , is there a code that someone can provide for this please? I'm using 7.1.
  21. Site URL: https://www.ninebyjanellethon.com/ Hello. I have a full width gallery slideshow in my home page, but I want the images to always run in horizontal. When in Mobile View, the slideshow width adjusts automatically (which I know is part of the responsive design), but then the images are cropped in a vertical format. I would like for these images to appear as horizontal as possible, because the images have a very wide view and would like to showcase that. (I attached both desktop and mobile view of my website)
  22. I have a slideshow with 2 images only and its on auto transition. It transitions in a loop where as i want it to transition just once and then stop. How can i do that
  23. Site URL: https://www.roslynfassett.com/african Hi, I would like to be able to change the font color or style/size of the titles/descriptions in the slideshow galleries.It is set to Hover Mode. On certain images (like the one attached) the default white font doesn't read very well and my client would like it to be more legible. As I am not very familiar with custom coding, would anyone be able to tell me how I can change this using the CSS Editor and custom coding? If I can't change the color, I'd at least like to make the text bold or larger. Thank you.
  24. Newbie to Squarespace and Custom CSS so hopefully someone can help me out. I’m using the Wells template and I’m not a fan of the arrows (next and previous) over top of the image. I came across this custom css which is suppose to have “next/previous” at the bottom left of the image and it “works” when I’m in the Design>Custom CSS menu but disappears with the template arrows re-appearing once I move around my site and re-appears once I re-enter the Custom CSS menu. Any help would be greatly appreciated? .sqs-gallery-controls { background-color: white; padding-top: 25px } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background-color: transparent; margin-top: 0; padding: 0 !important; line-height: inherit; position: static; } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: transparent; } .sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before { color: #2E2E2E; width: inherit; font-size: 10px; font-family: inherit; } .sqs-gallery-controls .previous::before { content: "PREV"; } .sqs-gallery-controls .next::before { content: "NEXT"; } .previous::after { content: "/"; color: #2E2E2E; margin-left: 5px }
×
×
  • Create New...