Search the Community

Site URL: https://roadrunner-echidna-9e76.squarespace.com/ PW: ephemora2k22 I've figured out the CSS to change the stroke color and width of the existing arrows, and to remove or change the shape of the encapsulating circles, but I have a custom arrow I'm using throughout the site and would like to insert that in place of the built-in arrows for consistency. How do I do this? This is the code I currently have affecting the banner slideshow auto-layout: .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-background { opacity: 0; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-foreground { stroke: @blue; } .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-icon-path { stroke-width: 3px; } The first screenshot is the results of this code. The second screenshot is what I want it to look like. I've included the HTML for my custom SVG arrow below. <svg class="custom-arrow" version="1.1" id="arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 22.91 10.19" style="enable-background:new 0 0 22.91 10.19;" xml:space="preserve"> <path class="arrow" d="M15.39,0h-0.88v4.08H0v2.04h14.52v4.08h0.88l7.52-4.45v-1.3L15.39,0z M16.07,7.66V2.53l4.46,2.57L16.07,7.66z"/> </svg>

Site URL: https://bit.ly/3QAVmGX Hi there! I'm looking to shrink these mini gallery slide show blocks on my home page. The logos are way too big on mobile. First time poster, long time viewer here haha. Hope someone might be able to help me out here. I've seen many of your responses @tuanphan, if you're around would love your support. Thank you all!

Site URL: https://www.azulstudio.co.uk/ Site URL: https://www.azulstudio.co.uk/ Hello! my website is https://www.azulstudio.co.uk/ I need help with my slideshow gallery section (the WORK section) so the button becomes a sort of frame around the project image (see screenshot). Also, I would like the title to be placed on top of the image, and the description below (while remaining inside the frame). This way it will feel like you are clicking on the image but instead you are clicking on the button. If this is not possible, could the image have a link to its specific project (page)? thanks for the help!

Site URL: https://lily-smilodon-skf3.squarespace.com I am struggling with the slideshow gallery on my homepage. I need it to be responsive. Do I need to (a) use media queries or (b) disable the desktop version and create another one for mobile that is only visible on mobile? I could use some assistance with either recommendation. I'm using 7.1 Thank you!

Site URL: https://furniturerental.ch Hi everyone, I added the following code onto the Advanced Page Header Code Injection. Since yesterday it is broken and doesn't display the images behind the code anymore, only black. <style>#page .page-section{height:100vh!important margin-bottom: 600px;} #page .page-section:nth-child(2) {margin-top:-100vh!important;} #page .page-section:nth-child(2) , #page .page-section:nth-child(2) .section-background{background-color: hsla(187, 69%, 2%, 0.27) !important}</style> Anyone can help? I also used the code set to transparent instead of a transparent black so that the text in front of the slider menu is better readable. Any tip on how to fix this? I am not a coder. Thanks, Saskia

Site URL: https://www.garrisonflood.com/ Hi There! I am shocked to learn that SS does not have a feature for an automated logo slider section. They have it for Text, but not for Images. Does anyone know how to set this up in CSS? Which type of Gallery to use? I'd like to basically create an infinite carousel that continues to scroll across the page, logos should all be the same size and responsive on mobile. Any assistance/guidance is greatly appreciated! Regards, Josh

I have a client that wants me to design their Squarespace site. They're a book author and want a slider similar to Kami Garcia or Fonda Lee's website. I have been searching for a few days and can't find anything that will allow: Text box on the left side Image of their book on the right a background image I would prefer to not use just an image in a slider because the text isn't selectable or easy to alter if any changes need to be done by the client. And they don't want to keep hiring me to edit images for them, but just want to upload themselves. Normally I would just code this, but the client isn't very knowledgeable in coding and choose Squarespace because it was supposed to be easy for them to manage themselves after I design the site.

Is there a way to style (bold/color) certain words in a slideshow title? I tried adding html tags in the text, and while it works within the squarespace editor, looking at the site it displays like this: thanks in advance for any advice!

Site URL: https://www.upcyclepianocraft.com/ Hi there, I've added a slide show of hero shots to my home page and I'd like to get them to advance automatically but there's no setting for that. I'm kinda surprised! Is there a way to do this in 7.1?

Site URL: https://www.azulstudio.co.uk/ Hello! my website is https://www.azulstudio.co.uk/ I would like to add some custom CSS to my slideshow gallery section (the WORK section). Since the only way to link the images to specific pages (each image corresponds to a different project), is by adding a button; I was wondering if there is a way to customize the button, in order to make it look like a frame around the image (see screenshot). The title and subtitle would be inside the button as well. thanks for the help!

Site URL: https://jeuq.me/ Hi there, I'm building a banner slideshow and have been unable to select a focal point for the included images. Unlike with other image layout options, there doesn't seem to be an option in the editor. I'm wondering if there is some way to add those values into the image data--either with custom css, code injection, or just somewhere on the site that I've been overlooking--so that my images remain focused where I wish as the container adapts to different screen and window sizes. Thanks a mil, Jacq password: musicalinea

Site URL: https://www.azulstudio.co.uk/ hello! I was hoping someone could help me change the position of the titles in the WORK gallery slideshow (see screenshot). At the moment both the title and subtitle are under the image, but I would like the title to be place above. The subtitle can stay in its current position. my website is: https://www.azulstudio.co.uk/ thank you!

Site URL: https://www.heyleonor.com Hey every one, I have an image slideshow block on the bottom of my home page (www.heyleonor.com). I was trying to figure how could I make this block of images in the gallery slowly slide to the left. Like a rotation effect. I want to keep the arrows to manually navigate the gallery, but I would like for the gallery to scroll on it's own aswell. Is it possible with css? Thank you in advance!

Site URL: https://cat-olive-669a.squarespace.com/ On the home page I have a Slideshow gallery with carousel cards. Can I add a logo above or below each button? The logos will be different for each card.

Site URL: https://www.azulstudio.co.uk/ hello! I need help with the following topic: At the moment I am displaying the projects in my website in a blank page section, however I would like to have them on a carousel to avoid the scrolling. my question is, is it easier to use some CSS coding the turn the gallery into a carousel, or is it better to custom the slideshow gallery section (so the title is on top of the image, linking images to specific pages, transparent button etc etc). There are some elements from the carousel original template that I dislike, such as the limitations when it comes to design; so I wonder if there is a way to turn the blank page into a carousel to keep my design layout. thanks for the help!

Site URL: https://www.essexdreams.com Hello, I have banner slideshows on my website which are badly cropped (at the sides) in the mobile version of the site. I can't seem to find the right coding to correct them. The affected slideshows are on the following pages: - https://www.essexdreams.com/ - https://www.essexdreams.com/whats-happening - https://www.essexdreams.com/promotions Greatly appreciate some help and advice. Thank you very much!

Hello Squarespace community, I would love to reproduce the banner overlay (title of category + header/logo) who fade-disappear when scrolling down , it's a feature from Tremont in 7.0 and would love to have it on my SS 7.1 website please. What I'm talking about : https://tremont-demo.squarespace.com/gallery-tremont Also, if possible, the auto slideshow -only on mobile- at home page . Here's an example : RPReplay_Final1662987276.MOV I'm still building my site on trial. Hope you have enough elements ! Thanks a lot for your help 🙂 Shayn

Site URL: https://zaborskykh.com When scrolling through the Slideshow Reel on a mobile phone, then the pictures are loading slowly, even with a high speed internet connection. My observation is that only the visible pictures are loaded. When scrolling, each new picture is loading independently, which takes roughly 1-2 seconds, even on a high speed internet connection. This isn't a big issue on a desktop browser, because on my site usually 3 pictures are shown and if you scroll through each of them, the next ones are loaded while you look at the central picture, but on the mobile version you only see one picture at a time and when you scroll, each picture has to load, which disturbs the whole viewing process. Is there maybe a way to load several pictures at once in the Slideshow Reel so that you can scroll without loading time on mobile, even when only one picture is shown?

Hello, I'd like to know if instead of having only one image as a background of text, it is possible to have rotating images (a slideshow). I looked at slideshows but I dont see how I can add text to them. Many thanks

Site URL: https://dpinto.ca/en/portfolio/brand-identiity Hi 🙂 Since my site has a slide show reel, my images show smaller on mobile and I was wondering if there's a way to add a lightbox method (when you tap on them it appears bigger) ? I really like the slideshow and wouldn't want to remove it... Thank you!

Site URL: https://brijtrivedi.com Hello all, Is there ay media query or custom-css that enables my site to show the slideshow in mobile view and have the 'show thumbnails' button instead of it being stacked images? I am on 7.0 and I have tried to play around with the code but no luck Thank you!

Site URL: http://www.marysnoddy.com/blog I added a sidebar to my blog page in Bedford/7.0. Now the header/banner on my blog page shows the featured blogs as items as a slideshow with the featured blogs as selectable. I cannot figure out how to replace the slideshow with the photo I had before adding the sidebar. I want to keep the sidebar and lose the banner. My other pages show the appropriate photo in the header. Apologies for the question. I'm not a techie, but I've consulted all the online help and am at a loss.

Hi, I am having issues with the lightbox anything plug-in. SInce tues/wed this week slideshow images in lightbox are now no longer showing. I can see the slideshow in the project page and it functions but when it loads in the lightbox, it is now blank. See attached screenshot. I have a page called 'Portfolio' which has images of my books. I followed the steps here https://beaverhero.com/squarespace-portfolio-lightbox/ and have set up a portfolio style page called 'work' which has each of my books as projects and a selection of photos of each within. I am using the link to page to open up the portfolio images associated with each book. Initially I was having a problem with the following: - I wanted to have these display as a slideshow with thumbnails - this was working to a point but the images kept caching and not returning to the 1st image when reopened. At this point I reached out to the dev but then when they looked at the website the slideshow lightbox diaplyed as blank (with navigation arrows), just no images displaying. I have tried removing the css and js, dowloaded again and linked back into squarespace. The code is in the footer as a markdown block: <link href="/s/plugin-lightbox.css" rel="stylesheet"> <script src="/s/plugin-lightbox.js"></script> <script>pluginLightbox();</script> I have tried deleting all the pictures and uploading again -even tried with just the Sqsp stock images: - I can see the images in the lightbox if I put the gallery in strip mode but slideshow now seems to be not functioning. - I can see the images in the slideshow on the page I am trying to lightbox to. I have reached out to the owner and he suggested it was becasue the website has a password - I made the website public and the issue persisted. Is anyone else experiencing issues or know how to resolve this?

Site URL: https://www.prsnlhb.com/view-all x Site URL: https://www.prsnlhb.com/view-all Hi everyone, I'm hoping someone can help me with a mobile product gallery issue. I'm trying to have my product images sliding left to right (slideshow) instead of up and down (stacked) on mobile. Any help would be much appreciated. Thank you!! 465be432f5264589999d070890466bcf.MOV

Hello. I want to move arrows in desktop view like shown on the screenshot. Is that possible?