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

Search the Community

Showing results for tags 'hover'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://whale-lemon-ebnr.squarespace.com/ I used the Wexley template in SS 7.0 to create a gallery of videos and photos. Without custom code, the only option is to have the title for these videos go under the video and I don't like how that looks. Is there a way to make it so that the title is shown on hover? This is how it appears on the Grid Gallery page but when you add it as a Gallery block on a different page (which allows more customization) it takes away this hover effect. Thanks in advance!
  2. Site URL: https://eagle-pear-f8dr.squarespace.com/packages Hello I've got some css hover effects on 3 images that I would like to disable so that the caption shows on mobile. Currently requiring a touch to display on mobile which isn't overly intuitive. https://eagle-pear-f8dr.squarespace.com/packages this is the url and the password is emmac123 to view the site. Thanks
  3. Site URL: https://www.autofreshagri.tech/ Hi everyone, I'm trying to get an image swap hover effect on each icon for my landing page. The effect, positioning + scale works when previewed in Squarespace however when testing in a browser tab the position + scale of the first images seem to change? When changing the block padding in Inspector from 17px to 0px it fixes this issue, however I can't figure out how to apply this properly in my CSS? Any help would be greatly appreciated! Thanks in advance. Website: autofreshargi.tech Code Used:
  4. Site URL: https://www.fab-medical.com Hi All i am attempting to replicate the underline effect that my menu bar has at the top of the website on the category names in the list on the sidebar of the shop page any help is much appreciated., https://www.fab-medical.com
  5. Site URL: https://www.roosbrothers.com/ I would like to add a text-indent animation to my project links on my homepage. I have managed to figure out the css to achieve the text-indent animation, however, I would like them to stay in the indented position until the mouse is no longer hovering over the link. Right now they bounce back to their original position immediately. Site is: https://www.roosbrothers.com/
  6. Hello, i need help and not sure if this possible but i'm giving it a shot. this is for my portfolio site on 7.1 I have a gallery reel with multiple projects inside of it on my HP...I want for all the entire reel to be highlighted with colored opacity and type so it indicated the entire reel is one section. i attached two images to show what i mean. please help! thank you Sam
  7. Site URL: https://puma-saffron-esmk.squarespace.com/ puma-saffron-esmk.squarespace.com Password: test Hello, My hover-title apperas to be not centered with a browser-wide higher then 2500px. It is a masonry style gallery. With lower wides it works fine! Can somebody fix it? Thanks a lot!
  8. Site URL: https://caper-badger-3s6d.squarespace.com/blog/mytruth Password: home I wish to create a second image on hover over Blog Thumbnail. I want a different image to each Blog thumbnail. Can anyone help me?
  9. Site URL: https://spinach-keyboard-w7ws.squarespace.com/fasadevedlikehold-8 Hello! I have added a hover color to all my text links on my page. Since I did not want this effect on my buttons (which also is some kind of text link), I've added this code, to make sure the text color on my buttons still are white on hover: /* Button style */ .sqs-block-button-element:hover { background-color:; color: white!important} Works great, except for the button in the header of the page. (This button still gets the hover effect I've added to my regular text links). Anyone
  10. 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
  11. Site URL: https://www.jaxmariephotography.com Hi! I am having a little trouble creating hover animations for the clickable links: I would like the hover animation for the header to look something like the 1st video attached below. There should be no underline animation for the links drop down menu under "Portfolio." ("Beverages," "Editorial," and "Desserts") because there is already a cell color inverter hover animation for these links. I would like the "Beverages," "Editorial," and "Desserts" links in the banner on the homepage to lessen in opacity when they are hovered ove
  12. Site URL: https://www.tiahughes.com/ Hello, I have added a custom hover state to the buttons on my site so they change from outlined to a filled colour. I have one button however that sits on a section background of the same colour. I am having trouble changing the hover state colour of this one button, can someone help? Thank you in advance.
  13. Site URL: http://porventura.pt Hello everyone, Need some help! I would like my product pages to be "touch friendly" on mobile. I would like the hover (second image) to appear when touching/scrolling through my products. Thank you
  14. Site URL: https://marissaginsberg.com Hi there, I'm trying to add a simple slight zoom in to the images that are links on my homepage. I haven't been able to find an answer that doesn't apply to all images on my site. Is there a way to do it? Thank you!
  15. Site URL: https://www.grafish.be/test Website url: https://www.grafish.be/test I would like to see the description under the title when you hover over the image (example title = cyber security, description = magazine). Didn't find it (search and tried already a lot of the forum/internet). Someone who can help me? Also is it possible that when the lightbox is open, when you click next to the image, the lightbox closes? Thx!
  16. Site URL: https://ania456.squarespace.com/videos-1-1 Hello, I would like to enable the videos in a block to open to full size when clicking play (maybe with a Lightbox?). Also is there a CSS code to make the videos zoom in when hovering as with images? https://ania456.squarespace.com/videos-1-1 password: 1234 Many thanks! A
  17. Site URL: https://caper-badger-3s6d.squarespace.com/about Password: home Can someone help me: 1. Create Hover effect on Newsletter block ''bell'' icon? 2. Create Hover effect on Contact form button (''mail'' icon)? www.queenofsol.com/contact password: home 3. Create Hover effect on Page-links in Dropdown Folder?
  18. I have a gallery grid of images that I'd like to add a "Learn More" button on hover but still displaying the image title below it as the caption. The button can be the exact same for all items since it just has to look like a button since I can use the click-through link on the image for the actual functionality. Any help is appreciated :)
  19. Site URL: https://prism-swan-send.squarespace.com/home I'm using this code to display a hover colour and text on image poster blocks for desktop only, but for some reason the text is still displaying on mobile. Can anyone help please? TIA https://prism-swan-send.squarespace.com/home p/w interiors //*Image Poster Block Hover Over*// @media only screen and (min-width: 834px) { .design-layout-poster .image-card-wrapper { visibility: hidden; opacity: 0; transition-duration: 0.5s; } .design-layout-poster:hover .image-card-wrapper { visibility: visible; opacity: 1; back
  20. 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
  21. Site URL: https://ievaviphoto.com/ Hello, community! May someone could help me to achieve image to solid colour on hover effect? I would love that when I hover on each image it would change to solid colour (e.g. brown) + show the title. Thanks so much! Greetings from Denmark 🙂 www.ievaviphoto.com // Ieva
  22. Site URL: https://www.kelseyeaton.com/ Hi! I'm trying to customize my cursor to be a circle that inverts the content inside it. Just like this website: https://www.satupelkonen.com/ (except the whole images doesn't need to be inverted on hover, just what's inside the circle). I found this JSFiddle project that does something similar: https://jsfiddle.net/p1ja0n8r/ But I'm not a developer, and am hoping that someone can explain how to do this like I'm five years old. If it's even possible in SquareSpace? THANK YOUUUU! ScreenRecording.mov
  23. Site URL: https://www.thenativecoffeecompany.com/1-current-coffees/topshelf I am trying to add a hover state to the numbers on my current coffees page (https://www.thenativecoffeecompany.com/1-current-coffees/topshelf) so that when you hover over each number (different coffee) it automatically changes all the content (text) to the next coffee instead of the user having to click and load a new page every time. Is this possible?
  24. Site URL: https://olgadelaiglesia.net/ Hi, I'm new to using HTML and Javascript in SS, typically I just use CSS. I'm trying to learn how to change the background-color of a page on hover over a link, and I'd love to be able to do the same for hovering over an image, like in the example. Currently, on my FV website, I have an image appearing on hover. I used a Markdown for the following HTML: <div class="titles"><a href="/films/velour">Velour</a></div> <div class="titles1"><a href="/films/parallel">Parallel</a></div>
  25. Site URL: https://www.devonstank.com/squarespace-image-captions What is the code to the same hover action that happens on this page: https://www.devonstank.com/squarespace-image-captions Would just buy the code shown, however my wife and I just started our business and funds are not great right now.
  • Create New...