Search the Community
Showing results for tags 'slideshow'.
Found 56 results
-
Rally Slideshow title/description transparent grey box
BlackWidow posted a question in Coding and Customization
Hi There Does anyone out there know how to change the Rally Slideshow title / description transparent grey box to clear? If anyone out there can help me, that would be great. Thanks -
Forte: index slide loop + dropdown menu font size
RM-WB posted a question in Coding and Customization
Hi, i'm almost ready to launch my page but I have i would like the index slide to loop back to the first slide instead of a hard/fast scroll how can i change the font size to the dropdown menus? note** I'm using a custom font caper-hypersphere-2ef9.squarespace.com password: whitebox2020 -
Hi, How do I make the fading slower than Squarespace default?
-
Position image caption below image and not overlay
izad posted a question in Coding and Customization
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. -
Hi all, I've built my site (Wells template) with pages that have multiple Slideshow blocks per page. I want to have dots/bullets underneath the photos, to both show the number of photos and give me links to other photos further down the slideshow. I know i can do this with Thumbnails in the design section. Is there any code for switching the Thumbnail images for dots? Thanks for the help in advance Sam
-
Site URL: https://springtail-bugle-chcp.squarespace.com/config/design I'm trying to change the size dimensions of the slideshow reel I have on all my site's project pages, so that it lines up with the text below it. I'm very new to CSS, so if anyone could provide some code, I'd appreciate it. Here's an example: https://springtail-bugle-chcp.squarespace.com/config/design
-
Hello! I'm working in the Brine template. I'm trying to change the color of the text box for the title and description for images in a slideshow. The default looks like a transparent gray, but I'd like to change it to a custom color. Any tips would be appreciated. I found the code below, but it also changes the transparency of the text as well - .sqs-gallery-block-slideshow .meta .meta-inside { background: #e76120; opacity: 0.2; }
-
I'd like to customize the width/size and positioning of the text area that overlays on top of the slideshow banner of this site so it doesn't overlap on the headshot. In the attached screenshot, I've drawn a yellow box to show where I'd like to move the text. I'd like it to go to the left and be a bit shorter in length so the sentences aren't as long. I'm very much a novice at CSS and have tried a few things that I've found in the forums, but I have not found anything that seems to work for me. Any suggestions? I'm using the Bedford template. http://seadragon-pear-6ndb.squarespace.com Password: op1 -
Align / Justify gallery block slideshow to left of page
bayofguinea posted a question in Coding and Customization
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. -
Automatic transition gallery in Wells template
patstant posted a question in Coding and Customization
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. -
Hide next/prev controls in a slideshow on desktop only
Claire_auck posted a question in Coding and Customization
Site URL: https://greg-holland-2020.squarespace.com/for-him I want to display image blocks, each with a single rollover image, then I need to display 'prev/next' on mobile and change that to a rollover effect on desktop. I have a work around but it's not 100% there yet and I need help! I will explain below; 1) There are 15 separate images, each with a single rollover image. 2) I need the 'prev/next' controls to appear on mobile only 3) I need a hover state on desktop only 4) This needs to be targeted to one page only, so not site wide. 5) I set the images up as gallery blocks using 'stacked'. 6) I added CSS to create the roll over image PROBLEM If I want to display 'next/prev' I presume I need to use 'slideshow' instead of stacked. I had help adding custom code to remove 'next/prev' (for desktop only) which works, but I need to use 'stacked' for the rollover code to work. Is there a way to adjust the custom code so it allows the hover to work with 'slideshow' instead of 'stacked' I hope that all makes sense!!!! It's the first section of mens rings only below the main banner. https://greg-holland-2020.squarespace.com/for-him pa33word Cheers Claire -
Automatic Slideshow Wells for Desktop & Mobile
georgerobertatherton posted a question in Coding and Customization
Hey gang, I am building a website using the Wells template see link here https://helix-chicory-pegn.squarespace.com or live version https://murroninteriors.com/ I would like to make the slideshow gallery automatically slide / fade through the images. Does anyone know a useful bit of code I can add? Also, I would like the same format on the mobile version, currently it stacks all of the images on top of each other. Any help would be greatly appreciated! Also, whats with Squarespace removing all the great content on Squarespace Answers forum? Thanks guys! -
Site URL: http://moniqueowentravel.com Hiya. Desperately needing some code to help make slideshow reel autoplay in 7.1. And an answer as to wtf Squarespace didn't set this up to begin with. The other carousels have autoplay, but not this one. Bizarre..... any help appreciated!
-
Set gallery slideshow image width on mobile
okaykeating posted a question in Coding and Customization
Hello! I have a slideshow gallery as the hero on my website. It looks great on desktop, but all of the images are cut off on mobile. Is there a way to set it so it resizes to the width of the image when on mobile? Screenshots attached. -
Slow down transitions in gallery slideshow
allegrocreative posted a question in Coding and Customization
Site URL: https://seadragon-pear-6ndb.squarespace.com/ password: op1 I'd like to slow down the fade transition -- and keep the text and photo transitioning at the same rate -- in my slideshow gallery on my home page. I have tried the following code and a few other variations, but all of the options I'm finding from past forum discussions are causing the text to fade in more quickly than the photo. Any ideas? .slide { visibility: visible !important; -webkit-transition: opacity 3s ease-in-out; -moz-transition: opacity 3s ease-in-out; -o-transition: opacity 3s ease-in-out; transition: opacity 3s ease-in-out; } -
Site URL: https://seadragon-pear-6ndb.squarespace.com/ I am using the slideshow in my homepage banner at https://seadragon-pear-6ndb.squarespace.com/ password: op1. I added the following CSS to adjust the placement of the text block with the goal of keeping the text from overlapping the faces in the photo when in desktop and tablet views. I am a novice at CSS, so all of this is experimenting with things I've found in various articles. .meta .meta-description p { text-align: left; vertical-align: top; max-width: 600px; padding-right: 30%; } @media screen and (max-width: 1024px){ .meta .meta-description p { text-align: left; } } @media screen and (max-width: 420px){ text-align: left; width: 100% !important; } Now, for some reason, the heading size has become inconsistent from slide to slide. You'll see screenshots of the correct view (the bigger green text) and the incorrect view (the tiny green text). Any advice on how to make it stay the same from slide to slide? That heading text size is currently set at 60px, but obviously that isn't staying the same across the board. Thanks so much in advance!!!
-
I'm looking for some help in enabling multiple images loading on the homepage of my Mentor template website. Is this possible? If yes, can someone point me in the right direction to enable it? website: https://www.futuregenerationtrust.co.uk/ -
Button colours changing with background image
AmosKajnerNonnekes posted a question in Coding and Customization
Hi there, Is there anyway that I can have the background colour of a button change automatically/on a timer? I would like a slideshow background on my homepage, with a button that changes colour to match the colour of the background image. See https://www.jonmaselli.com/ for an idea of what I'm looking for. Is this possible? -
Site URL: https://jensegger.com Hi, Is there anyway to stop the moving of a slideshow on mouse hover? I'm using the Margot theme and in the 'Design' tab for the slideshow there doesn't appear to be an option to do that. Only show/hide title and description on hover. Thanks,
-
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,
-
Site URL: http://www.theonefredy.com/people#/vincent-turrie/ Does anyone know how to get a full bleed carousel slideshow on FLATIRON ?
-
Site URL: https://matsuya-demo.squarespace.com/?nochrome=false&_ga=2.166517374.1156834607.1580820118-292742316.1580483447 This is a general question, i.e. not specific to any template or page. I am trying to use SquareSpace to develop a website for my new photography business. I would like to have the images automatically change on my homepage at a rate that I can control. Currently, I see there is a slideshow option, but it requires the user to click to change the images. Is this possible without doing custom HTML programming? Willem
-
Site URL: https://www.annafinocchiaro.com/event/dg570j6o0okxgjtglesujmvpfbk0ls Anyone have code to hide/remove "SHOW THUMBNAILS" in slideshow view in Beaumont template?
-
Site URL: https://jensegger.com I'm using the Margot template. I've created a slideshow block using an existing gallery of photos. Each photo allows for a title and descriptive text. I've added this to each image which on desktop and tablet, displays the image with the text overlaid. On mobile, the text is not visible. I've snooped around the settings but don't see any configs for adapting this. Does anyone have any suggestions? I dug around a little bit in the browsers developer console trying to find some obstructing code but have yet to find what I need. Thanks,
-
Site URL: https://hexaflexagon-crimson-m9bf.squarespace.com/three Hello ! I would like to customize the next and previous controls of my slideshow. By default they look like this I would like them to look like this If anyone can help it would much appreciated ! Thanks in advance
