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

Search the Community

Showing results for tags 'gif'.

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

  1. Hi! I'm trying to use a gif with a white background to seamlessly integrate with a white site background. Unfortunately, when I upload to squarespace, the gif gamma shifts white to gray, meaning my seamless background is no longer seamless. Here's a screenshot: White background with very extreme gray shift on white gif. My suspicion is that this occurs during a re-encode of the .gif on squarespace's backend, and the settings on this module are a little 'off'. Is there a way to either 1. bypass this gif resize step? 2. force the re-en
  2. Site URL: https://www.stoik-trisula.com/work Hey, is there any chance to play gif image when mouse hovering portfolio items? The only option for now is just background color. Thank you!! example : https://plus-ex.com/experience I'm using Squarespace 7.1 and Mark Novo template
  3. Site URL: https://www.hi-noon.net Hi everyone! I'm trying to insert a clickable sticker / badge (a .gif on transparent background) into the upper right corner of the website (in the header). Please see the image attached. After clicking the image it would link to another page. Ideally it would only appear on the homepage, however if not possible it can be visible on all pages. Any help would be hugely appreciated! Thank you
  4. Site URL: https://gecko-plantain-cstw.squarespace.com/#/what-we-do Hi - I desperately need some help making the 'Bespoke Digital Strategy for Visionary Brands & Artists' GIF bigger on mobile please? It looks great on desktop - but it's so small on mobile. Can someone help please? My deadline for this site is today and I've been stuck on this for a couple of days! Website - https://gecko-plantain-cstw.squarespace.com/ Password - handmademedia2020 Thanks so much 🙂
  5. Site URL: https://www.davai.squarespace.com Hi all I am having some issues with a HTML code, that is supposed to change a image to another when hovered above. To access the page, you might have to use the password "davai" I have tried multiple solutions, but finally found one that actually worked (on one of the entities...) You can find it in the second section under "Kompetencer". As you can see, it works on "adgangsudstyr" when you hover the mouse above the image, but it does not work on the wind turbine over "Vindmølleservice" or "Overfladebehandling" The code i
  6. Site URL: http://www.alphamalevisuals.com/music-videos http://www.alphamalevisuals.com/music-videos On my website, I currently use an image block as a thumbnail for my music videos. They click the thumbnail and it takes them to the page to watch the music video. Upon hovering (or rollover) over the image block, I'd like for it to swap to play a .GIF when hovering over it. Or maybe play a small video clip if possible? I've looked on the forums and seen other people ask similar questions. Some said something about custom CSS but when I try to copy and paste that code, it does n
  7. Site URL: https://jackshugruedesign.com Hi I have the SUHAMA template and I would like to know if it's possible to replace a word from a text box with a gif. The gif would be various words of roughly the same size as the word from the text box that would be positioned in the same spot as the word from the text box and would cycle endlessly. The word I would like to replace is "Integrative" on the homepage at the top. I've linked my website above for reference and added a video below for reference to the work I am trying to achieve, and of course this video would be in GIF form and pla
  8. Site URL: https://www.jeulianne.com/portfolio Hello everyone, I am a beginner at coding. In my website, I have multiple short clips that automatically play and loop; they basically act like gifs. I achieved this by using code blocks. There is also a link inserted in each block for viewers to redirect to the full video. This is an example of the code I have for one of my code blocks: <a href="link here" target="_blank"> <video class="video" width="100%" height="100%" autoplay loop playsinline> <source src="s/video.mp4" type="video/mp4"> <source src
  9. Site URL: https://firstseriescreative.com Hi everyone, Thank you for your time for this. Site: firstseriescreative.com Problem: The Scroll Down Indicator Gif (an image block) on the First Section of my Home page and About page are way too big on mobile version. Is there anyway that I can resize that for mobile with Custom CSS. Below is a screenshot. Many thanks and appreciate your time and help!
  10. Site URL: https://www.handford.com/ Hi, My gif is resizing for mobile version of site on these pages: https://www.handford.com/imaging https://www.handford.com/creative I've tried adding this code but doesn't seem to be doing the trick: <style> @media screen and (max-width:640px) { .homepage .section-background image { width: 100% !important; height: auto !important; } </style> Also would like to decrease the padding around the text in between the gif and the photo beneath. Thanks in advance!
  11. Site URL: http://www.jimmadden.ca/motiongraphics Hello all, First time asking on here, but I cant for the life of me figure this one out. I have a page of gifs I have converted from .mov files to show some animation, but there is so many of them I would ideally like to have a static image (possibly with text about the client or something) then when you hover over each one, have that gif animation start. I feel like this would help speed up the browsing experience on this page, any help on this would be greatly appreciated! Using the Jasper Template. - Jim
  12. Hello! I'm curious to see how you have used moving gifs on Squarespace 7.1 and have you had any problems on viewing on mobile devices those? I'm planning on making a team page that would have all the team-members goofing around in small gifs. So if you have used gif / gifs on your Squarespace 7.1 I'd love to see, send a link please! 🌿 Thanks! Best, Kerttu
  13. Site URL: https://jackshugruedesign.com/work Hi all, I was wondering if it's possible to make a particular word be on an endless loop of changing fonts and word change. For instance on my website homepage: https://jackshugruedesign.com - I would love for the word "interactive" from the "Hi, I'm Jack, an interactive designer in the San Francisco Bay Area" to be on a loop of a set number of different words that it would change between. These words would be "motion", "visual", "narrative", "fun", "UI/UX", "experience", "creative", and they would all ideally be unique fonts and perhaps even diff
  14. Hi, I need some help with a hover effect for video. I'd like to achieve the hover animation effect like on youtube or this site: https://www.visuals-internationals.com/ Ideally I'd like the thumbnail to be a still image, as you hover over, it turns in to a gif, and reverts back to still image when the cursor is moved. I'd like to use this in a gallery as well as a standalone video. Any help is appreciated. Thanks.
  15. Site URL: https://gdvfx.net/ Hello, I've found som instructions on embedding gfycat videos or gifs to my site, but haven't been able to get it working. I am a coding novice, so I'm likely doing something wrong. The instructions found here: https://github.com/gfycat/gfycat.js state to enter this code right after the opening <body> tag: <script> (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://assets.gfycat.com/gfycat.j
  16. Site URL: https://www.animatedcompany.com/ If anyone knows how to do this, I'd be super grateful for your help as I've looked this up on multiple forums and haven't found anything. I'm not much of a coder so I'm at a loss on how to solve this issue on my own. I have a gallery with images that currently animate when the mouse rolls over them. Right now when the mouse rolls over the image the image is replaced with an animated gif, which I've uploaded to an unlinked page on the site and referenced in the code. However, I've realized that the gifs are too large in size and therefore they d
  17. Hi, Anyone know the code for adding a pre-loader for an animated gif? And do we still even need one?
  18. Hi, ive animated in photoshop a bunch of testimonials that I just wanted to run in a loop in a section on my page (as if it were a background video) but it doesn’t seem to upload. Can I only upload video? how do I get around this?
  19. Site URL: http://www.andyancreative.co/work-2 Hello! I need help writing code to restart a gif on hover within the index thumbnails. I'm working on my portfolio and the block I'm trying to target is the logo collection block on http://www.andyancreative.co/work-2 (second row on the right). I have the image changing to a gif on hover but would like the gif to restart every time when you're hovering over it. I'm not sure css code or javascript is needed but thanks in advance!
  20. Hello! I embedded a giphy link to my page - https://media.giphy.com/media/emGDFPPBd56FExSUEt/giphy.gif Every time you hover over the gif on the page the giphy logo pops up. (see photo attached) and If you click, it opens up a page to my giphy account. I would like to know if its possible to disable click-through to the giphy website. I would like the gif to have NO click-through therefore not taking viewers away from the page/site. Could this be possible with code? If there is a better way to do this without giphy im open to hear any suggestions. TIA!
  21. Hi, I'm building a portfolio site within the Native template and I'd love to make the thumbnail images for my videos into gifs. Is anyone able to advise how I might be able to do this? The only way I know how to make gifs is via giphy fyi! Thanks
  22. I'm looking to add a gif when you hover over text on my site like this https://caterinabianchini.com/
  23. Anyone know how to add a gif to a heading tag? I want my heading to have a gif background
  24. Hey, I'm working on a site where on the mainpage I have gifs inserted into the 'page setting -> media' so that when people click the gif it takes them to the corresponding page The gifs look good when viewing on mobile, but when I open on desktop they stretch (I have text on them that gets cut off) Is there a way to maintain image size between the 2 modes?
×
×
  • Create New...