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

Search the Community

Showing results for tags 'hover'.



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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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 226 results

  1. Site URL: https://pelican-chiton-xwy4.squarespace.com/ Hola, Trying to change the image for "FOS Classic" product entry on hover, in the Homepage right under "THE FOS COLLECTIONS" section. Anybody knows how to do that on 7.1?? I'd be interested in keeping the section and not having to start over using code blocks. Here's the image to be displayed on hover: Thanks
  2. I'm using the theme Jasper and on my project thumbnail blocks (on homepage) I'd like still images that when you hover over a video plays. Is this possible? Thank you Kieran
  3. How do you get images to hover when your mouse is above them? I've tried various css tricks but haven't been able to make it work.
  4. Site URL: https://www.patsimpsonart.com Looking to add a blur effect to run behind the hover effect on my home page gallery? So that when someone hovers over an image it will blur and hover fade at the same time. Is it possible to make the image grayscale as well so that all 3 effects happen together? hover/blur/grayscale/hover fade Site password: T3mppass!
  5. Site URL: https://www.patsimpsonart.com Need some help with some CSS to change hover colour and opacity 7.0 Flatiron Password: T3mppass!
  6. Site URL: https://oriole-triceratops-mkrb.squarespace.com/ I am trying to add hover effect on images in slideshow(gallery). When I hover over the images in slideshow I want it to become gray colour like in the screenshot attached but I am not able to do this with the slideshow images. Is there any way It can be done? Any help would be appreciated
  7. Site URL: https://amethyst-nonagon-ewee.squarespace.com/ Hi! I'd love to be able to add a hover / rollover effect to the 4 Images below our intro video. - Either just text, or a darkened opacity. Is there anyway to do this using custom CSS or built in functionality? They're placed their using the Gallery Section. See Image below too. Thanks!
  8. Hi All, I am looking to create a team page with the same effect as this page has - https://www.conducthq.com/about-us/. Would like to have one picture change to another when you hover over it. I know squarespace can only do this with custom code. Can anyone help with this or point me in the right direction? Any help would be greatly appreciated! Thanks Sandra
  9. Site URL: https://www.matthorrex.com/ Hi, Currently using Native template. Is there a way to remove the play button from my video gallery thumbnails, and instead, display the video title as a mouseover or hover effect? Thanks
  10. 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!
  11. Site URL: http://www.millerbest.com/ Hey guys, I currently have a website made with Avenue template. The home page is an index page, which features a variety of different images that click through to other pages. I currently have the 'show caption on hover' setting, but I'd love to get an animated gif playing/looping when hovering/mouse over. Is this possible? I've searched through the forum and found a few leads, but I'm not sure I understand where to embed the custom CSS and where to upload the gif etc. Thanks!
  12. 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,
  13. Site URL: https://retoucherielondon.co.uk/ Hello, We are using Ishimoto template, and would like to add white, 40% transparent hover with text over the images on the main page. Can you please help us? Many thanks in advance :)
  14. Site URL: https://www.hubbyco.com/positively-earnest I'm trying to have the captions on view at all times in lightbox view (from a gallery grid), not just on hover. I don't care if it is overlay or below, it just needs to always be there. Thank you for any help!
  15. Hi, I'm using custom CSS to add a colour overlay on images using the thread here. Everything works perfectly except the coloured box is leaving a strip of the image exposed at the top. Can anyone see what could be causing it? It happens on images of different proportions / sizes. Thanks a lot, any help would be much appreciated! Imogen
  16. Site URL: http://thesoulpatty.com I have read and also watched the custom css coding for a block inside of squarespace but need some good ol fashion learn through seeing specifically on the Lizard template. My site is not published rather in dev mode but I want to add a rollover effect of a transparency color on top of the gallery image and also move the title text to the center of the image vs. the bottom of the block. I know I have not given a direct link to the site but I nee to keep it off hte web until finished. Anyone who can offer some custom css advice on this I would appreciate. My site is live now, I wanted a rollover effect to the gallery but the lizard theme does not provide this in the gallery choices.
  17. Site URL: https://caper-soybean-6mrk.squarespace.com/ I'm trying to get the page "test" to be the only page with a hover effect on the image blocks. I've managed to do the hover effect, but right now it's not contained to my "test" page, but it's applied to every image block on my site. I've tried to use the ID of the "test" page (or what I think is the ID), but it doesn't seem to work - Can someone help me with what I'm doing wrong? Page: https://caper-soybean-6mrk.squarespace.com/ Password: csshelp This is the CSS-code I'm using: #page-5e30278f39c8eb7ff9ec4ad1 .sqs-block-image:hover { brightness: 100%; transition: .6s; cursor: pointer;} .sqs-block-image:hover img { filter: brightness(0.7); transition: .3s;} .sqs-block-image:not(:hover) .image-card-wrapper { display:none;} .image-title.sqs-dynamic-text { font-size: 50% !important; } The attached image is the inspection of my page where i found the ID I'm using. Thanks in advance Daniel
  18. I have placed alternate images within my product descriptions, and on the product/shop page itself, this works great, having the images swap on hover. However, I'd also like to place selected products on the homepage directly (using a product block) and I would like the same effect of the image switching upon hover. Is there a way to do this with css? There would be 3-5 images on the same page (index page) that I'd like to do this with. I can't give you the url at this point, as we've not yet gone live. Help?
  19. Hi fellow Sqaurespacers! I'm creating a Image Gallery for a client of mine, and I have run into a bit of a pickle. I am wanting to change images when hovering over text, like exactly like on this website: https://www.ocun.com/product/category/professional If you have a look at the Thor harness one, you can see how it changes the image and text color when hovering over "4Q", "2Q" and "0Q". Now, how do I do this in Squarespace? I have been at this problem for the last 2 hours probably and I'm beyond stuck. I have tried some javascript, but then the question comes in where do I put the Javascript, in the code block, on the page heading or the whole website heading? Anyways, I hope someone please can help, cause if I would be able to fix this on the website then I would be beyond grateful and happy about it. Cheers
  20. Does anyone know how to create an image hover effect where upon hover, there is a solid background with text? Example: https://www.designhill.com I don't need the icons or anything, just would like a color block with text upon hover. Is this possible with Squarespace css? Anyone have the code for it by chance?
  21. Hi Squarespace! I would like have my thumbnail images change to another image during a hover on my homepage. I'm using Avenue template now and I know this would require custom CSS. You can see my page here: https://www.johnpattersonportfolio.com/. I've attached the original thumbnail vs. the hover state change as attachments. Please let me know if you need more information. Thanks! Dustin
  22. Hello all, I need some help! I am currently using the Ishimoto template because I want my Collection of Images/horizontal scroll Gallery to stretch the entire width of the screen. However, with this template, captions are either ON or OFF - there is no option for CAPTION ON HOVER. There is this hover option on other templates, but their horizontal scroll galleries do not stretch the entire width of the screen. Does anyone know how I can achieve what I am looking for? It appears that people have posted HTML codes for this issue in past Squarespace forums, but sadly Squarespace has removed them (hmph!). Thanks!
  23. Hey guys, I have a pretty specific type of image zoom I am looking for for a recent photo project I started. I am looking for something like the "Image magnify with visible hint" from here - https://www.magictoolbox.com/magiczoomplus/examples/ but it seems that these effects are only for product gallery images. How could I get an effect like that on a standard image in a page, or on a gallery? here is the page I want it on. https://www.daniellemaster.com/tables
  24. Hello. Im trying to find a way of having a colour overlay appear on the hover of an image within a gallery. I dont want this effect across every single image just certain ones within a gallery. Please see the site below for reference - as you hover over a project the colour pink overlays. https://megalodon-rose-khl5.squarespace.com/ password: Testingpassword Reference - https://www.contrastcreative.co.uk/
  25. Hi there, My website is a portfolio website for my photography. You can see it here: www.mattstronge.com. I've used the Wells template and I would like the name of the person in the photograph to appear over the image when the mouse hovers over it. Much like on this website here: www.emilyshur.com. Is it possible to do this? Any help would be much appreciated. Thanks.
×
×
  • Create New...