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. I'm trying to create a hover in my gallery grid. I'd like each image in the grid to show a different image upon hovering. I have code in the css now to change the color but I'd rather it show a picture instead. Is it possible to do this? I'm using the brine template. This is the page I'm working on: https://www.stephanieausfresser.com/peakweather
  2. I had been trying to change each Image of the gallery grid with other image on a hover overlay, but i can't manage the code
  3. Site URL: http://www.jennydeluxe.com I'm looking to change a few of the buttons on my page when hovered over. For example, this button (image below) looks like this before hovered over. Upon hovering, the background color changes so it looks like this. But how do I get the text "work" to disappear and in turn be replaced with "Coming soon"?
  4. Site URL: http://thisisaspace.net Hello! I need the hover text to appear on my mobile layout without having to tap it to come up but I don't want it to always be there. Anyone have a solution? Thanks!
  5. Site URL: https://colettesmith.squarespace Hi, I am attempting to replicate a site for a course - and this is the original site https://lassefloede.com/ does anyone know how to code the title like this? Where you hover over the name (site-title) and get another text appearing e.g. About, with a link to that page when clicked. I've been trying to do this a while so any help would be greatly appreciated! My site has a temp password : punocourse Thanks
  6. Site URL: http://www.charlesleek.com Does anyone know code to keep hover text always on the images (so you don't need to hover to see the text) in a gallery? Alternatively, does anyone know a way of showing the hover text on mobile. Part of my home pages functionality is images working as links, but this doesn't work on phones as the text can never be seen.
  7. Site URL: https://pockimals.com I can't seem to find where to change the hover color on my mobile menu. I can see that I have a hover color (it's almost the same color as the menu type), but where do I edit it? I tried looking for code found found this thread, but it's not for the mobile menu. Is there a way to search for styles that I'm not aware of? There are SO many (which is great for design control), but it is really hard to know what goes to what.
  8. Site URL: https://mouse-trout-epjy.squarespace.com/members Hello, I have a gallery grid with an overlay on hover to display the caption on each image. However, each image also needs to link to a page. It seems that when I add an overlay it disables the clickthrough link on the image. Anyone got any ideas on how to solve this? https://mouse-trout-epjy.squarespace.com/members site password: spong123 This is my code: .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); height: 100%; padding:
  9. Site URL: https://fortheloversphoto.squarespace.com Hi! I've added CSS to my Image Blocks with the Caption Overlay (hover) effect to have a transparent overlay on the images. You can see the current style here: https://fortheloversphoto.squarespace.com I just realized that the hyperlinked photo is now covered by the overlay effect, so there's not clickable area on the overlay. Is there a way I can add a link to the overlay itself, with just CSS? Specifically whatever the link is for the image? I want to make sure my users will be able to click through to the linked galleries.
  10. Site URL: https://www.orsoyasierraphotography.com/home Hiya, I have tried to find a similar custom CSS in the forum with no luck. Live support said it could not be changed on the regular way. I would like to change the text links on hover to black. No idea how to do it: https://www.orsoyasierraphotography.com/home Those are pale grey and I want them to become black when active. Any suggestions please? Thanks in advance!
  11. Site URL: https://adventuremumma.squarespace.com/ Hi there, just after a code to change the colour of my footer text links on hover for 7.1 Many thanks.
  12. Hello everyone, Please lend me your help. Upon hover, my gallery images zooms in and out, the zoom in transition is smooth but the zoom out effect is rather sudden so the end result looks jumpy. Here is the code I used: .gallery-grid-item img:hover{ transform:Scale(1.1); transition-duration: 1s; } .gallery-grid-item {overflow:hidden!important } Please someone tell me what I did wrong in my code. Here is the link to my gallery: https://www.ptphotography.com/stmoritz-badrutts-palace-hotel-switzerland For reference, we want to achieve the same smooth
  13. Site URL: https://www.fortsferryfarm.com/select-store-page How do I add drop shadow to poster images on hover on one page only? And is there a way to replace images with a solid color using css?
  14. Site URL: https://tomato-tuba-tjpr.squarespace.com/landing-test-01 Hey there all, I've been using squarespace for a while but have a challenging task right now. Few things I would love some help with! On my collections page I am wondering if it is possible on hover of a project link, to have the other project links fade out slightly. I have tried multiple attempts at CSS and custom code to no avail. On the same collections page, when hovering over a project link I am looking to give each link it's own distinctive & individual highlight colour...I am able to give a
  15. Hi there, I am looking to create the same effect as displayed on this website: https://www.visuals-internationals.com/?skip-intro Desired effect: - Still image of video when mouse is not hovering over it - Video preview when hovering + revealing the title - video preview stopping when mouse is not hovering anymore - Click through to actual video page Thank you!
  16. Site URL: https://www.friends-n-family.com/ Hello to everyone. I'm searching for a solution to make a portfolio collection links on homepage to have hover effet. At this very moment not everyone understand that these titles are clickable (Screenshot 1). In the version 7.0 there was an option to underline these links on hover, which looked amazing. So I'd love this effect, or at least a change of opacity on hover. The second question about the portfolio pages - how can I remove the bottom navigation (Screenshot 2). Thanks in advance for your expert help!
  17. Site URL: https://www.kelseyeaton.com/ Hi! I want to add an image reveal when you hover over a text link in a section of my home page like the demo below. I have a business plan, if that helps. I'm not a developer, so if you can explain like I'm five years old how to do this that it would be much appreciated! Haha! I have attached the images that I want to use to this post (titles of images align with the text link they belong to). My Home Page (scroll down to "Selected Works" section for the list of text links): https://www.kelseyeaton.com/ Demo: https://tympanus.net/Develop
  18. Site URL: https://www.andreamelania.com Hello friends! I'm currently in the process of updating my online portfolio, and I want to adjust something that's been bothering me: the opacity when you hover over the gallery grid in my index page on the flatiron template. There isn't an option to adjust said opacity in the template's design tools, so I'm thinking I'll need help with custom code. I'd like to make the hover color more opaque to make the project titles more visible without having to stray from my brand colors. Can anyone help? I've done my fair share of googling and combing thr
  19. There are a lot of examples of pretty simple things happening on-hover with slideshows and galleries, where only a single alternate image or some text appears. I am specifically looking to have a gallery of images that are all mini-slideshows of 3-4 images, but the slideshows will only play through when a user hovers over the image, with a 2 second interval between each alternate image. Any thoughts or suggestions?
  20. Site URL: http://www.fabionlus.it hi everyone my site is www.fabionlus.it i am not a good web designer...sorry 🙄 in the trial page www.fabionlus.it/organigramma-1 : when the mouse hover every link (any color is a link) in addition to the change of opacity, I would like a text to appear with the name of the link page. I don't Know what is the solution...if I modify the <style> block ? I don't know This is my code: <style> svg|a { opacity: 0; fill: #fff; } svg|a:hover, svg|a:active { opacity: 0.3; fill: #f80000; } </style&g
  21. Site URL: https://ranunculus-caterpillar-62hs.squarespace.com Hello, I am trying to add from grayscale to colour overlay on hover to the portfolio grid:simple.
  22. Site URL: https://pufferfish-pelican-csww.squarespace.com/ Hi there- I created an easy image map through image-map.net and for some reason the bottom links/coordinates are not working after multiple tries of dropping it into my site. If you hover over the bottom titles such as "in support" etc there is no hover or option to click a link. I tried adjusting the coordinates myself to no avail. Anyone come across this problem? Thanks in advance! This is the code I used: <!-- Image Map Generated by http://www.image-map.net/ --> <img src="https://static1.squarespac
  23. Site URL: https://elk-bison-7mfk.squarespace.com/config/ PW - laidbare Hi all, I was able to achieve the above using code blocks, however on mobile the Blocks are displayed in single file on Mobile, and I would prefer that two were displayed per line as they are on desktop (which I see is possible using a Gallery Grid). Any help will be appreciated! Thanks!
  24. Site URL: https://lightsandtracks.squarespace.com/ Hi there, Site password: lightsandtracks I am finalising a client site and need assistance with two items: 1. I have set up the menu to be the burger menu at all sizes. However, I can only get the hover state to work on one line of the bun, not both – I've tried everything! Does anyone know how to get the hover state to work on the full menu? 2. I have added an arrow to show on the menu items on hover - I'd love to add a transition to this hover so the arrow appearing is smoother. Does anyone know how to do this? Th
  25. Site URL: http://andrewmorrisphotography.co.uk Hi there, is it possible to change the colour of the logo when the curser hovers over it?
  • Create New...