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

Search the Community

Showing results for tags 'transition'.

  • 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


Badges


Expert ID

Found 19 results

  1. 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-tran
  2. Hello Squarespacers! On my page www.plutodesign.cz I use slide transition with arrows both on left and right which works as supposed to. ON MOBILE it doesn't (simply a stupid UI/UX decision), it uses just an arrow RIGHT, you never can go back left. Also "slide click through" doesn't work on mobile. Users can slide just right and be perplexed they can't go back. The worst part is, IF "fade transition" is used it works like a charm (I told you, stupid UI/UX) but it is not what it is supposed to look like on mobile. Is there a way I could remedy this design flaw with CSS? Than
  3. Site URL: https://www.futureofwhen.com I have a black background. I want the background image to transition when you hover over it. Also, can I make my background image a link to my contact page?
  4. Site URL: https://www.futureofwhen.com Hello, Im trying to achieve a black full-bleed landing page, but I want a simple "clickthrough" transition to play when you hover over the page with the mouse. I want the black background to slightly crack open on the right side of the page, as though a "door" was opening into a white space. The background that is on the site currently is the image I want the "updated" black background to transition to when you hover over it. I want this transition to "clickthrough" to the contact page that I've already made. How can I achieve this today? fut
  5. Is there any way to slow down the transition between the menu from the two lines to the cross?
  6. Site URL: https://www.laterwolf.com Hi! I can't seem to find out how the designer of this page managed to create the transition/reveal effect in between pages. You'll see what I mean when you click on a page in the navigation (Info). Is this something I can do with CSS? I'm using Brine 7.0 so there's no site-wide animations built-in. Thanks for any help with this!
  7. Site URL: https://www.triple8dancecompany.com/company Hi, I'm trying to alter Squarespace's default settings for a hover caption overlay using Custom CSS. I want to change the transition time so that the image caption fades in and out instead of appearing immediately. This is my current code: .image-caption { left: 50%; position: absolute; top: 55%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .image-caption p { font-size: 17px !important; font-weight: semi
  8. Site URL: http://www.brndnyn.com Hello- So I've been trying to change the transition time for my index titles that go over the images. I'm currently using Avenue as my template. As it is now, the hover makes the opaque color and text appear a little too quick- I'd like to change that to a slower fade in. However, none of the other code I could find for hover transitions worked for this template. I can't seem to find the tag that effects the title. I'm also trying to get my main title and navigation links to ease out when the mouse is no longer hovering, if that's poss
  9. Hi everybody. Im am building a website all black and white but the transitions between pages are white? Does anyone have this problem or can anyone help with this please? I contacted help centre but they suggested to ask here in the forum. thanks in advance for your help
  10. Site URL: http://www.inkhartz.com I would like my images to fade more slowly into/out of each other. I can't find any code that does anything. Can someone please help?
  11. Site URL: https://pufferfish-llama-7l86.squarespace.com Hi, I have been trying to speed up button hover effects but the css code I am using has no effect: " .sqs-block-button-element:hover { background-color: rgba(0, 0, 0, 1) !important; transition-duration: all 0s !important; transition-delay: all 0s !important } " The background-colour line has the desired effect so I thought the transition-duration line would also work, but it has no effect. Any suggestions? Liam
  12. Site URL: http://www.parallel.studio/ I am looking for a template that would allow me to have pages that wipe one to the next like they do on the homepage of this site: https://momentfactory.com/home Is this possible with squarespace, and if so is there a specific template that I should be using? I can't even figure out what this "effect" is called, and I'm having trouble searching it out... Thanks!
  13. 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
  14. Hi there, I'd like to add a background to my website that is similar to this example: https://www.ginlane.com/ I've managed to work out how to just add a background color gradient, but it isn't quite the effect I'm after and I'd more so like to add a gradient/color change that activates on scroll. As I will be using colors that don't necessarily gradate (as per the example above), I'm wondering if instead of looking for a gradient option I should be looking for an option that would offer a smooth transition between background colors instead? I'm using the Mentor template, which is in the
  15. The website is https://www.marylucier.net/, and the page I need help with is https://www.marylucier.net/installations. Does anyone know how to remove any and all types of transitions for slideshow image galleries? I have fade has my default transition, but I really don't need a transition in the image gallery. I have tried: .slide { visibility: visible !important; -webkit-transition: opacity 0s ease-in-out; -moz-transition: opacity 0s ease-in-out; -o-transition: opacity 0s ease-in-out; transition: opacity 0s ease-in-out; } but the fade was still there, so I took it out.
  16. I want to speed up the fade transitions between images in a typical gallery, faster than what's available as a preset. How do I do this? This link, with its javascript hack, I found helpful for cover pages, where I could really tweak the transition to the millisecond: http://answers.squarespace.com/questions/55637/how-can-i-change-the-speed-of-a-cover-page-slide-show Anything similar for regular galleries? Thanks.
  17. I have an existing, active domain on a different hosting platform that I would like to transfer to a new website I have built on Squarespace. I have been reading about the transition period which the Help page suggests might take 15 or so days to complete. I am wondering if there will be any interruption to my existing domain/website during this transition period-- i.e. Will my existing website be down during this transition period? I would assume not as that would make any transition very difficult because company's (including ourselves) cannot afford such downtime for their website. I a
  18. Hello, I'm using Bedford template, and was able to remove the transition with this script: <style> .sqs-active-slide { opacity: 1 !important; } </style> However, on mobile, the title and description still disappear between images. Here's the link: https://www.melinaromano.com.br/ Can anyone help?
  19. Hi guys, I'm trying to get a smooth hover effect over my linked images. My website is www.mensthetics.com, and if you hover over my images you can see how abrupt the opacity change is. I've pasted this code that I found somewhere to achieve that: a:link img { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } a:hover img { opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier */ } I'm trying to achieve something more similar to http://www.muscleforlife.com/ PS. Also, if there is a way to get the same gradual/fade color change effect for my links that
×
×
  • Create New...