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://www.frillup.ch/ I am trying to add Zoom-in action for my product images. It doesn't seem to work. Can anyone please help me? https://www.frillup.ch/shop/p/pashmina-80-cashmere-double-color-w6xds-8we8g-sl54w-648fc-7wzsd-enw7r-e5493-mc6l2-fwd7k
  2. Hello everyone, Can anyone please tell me if it is possible to create a white overlay upon hover on top of the selected image? This is the link: https://ptphotography.squarespace.com/milan-four-seasons-milan I want to have the same effect as my homepage: https://ptphotography.squarespace.com Another request is to change the curser from + to hand symbol like the one on my homepage. Thank you in advance. Stay safe! - K
  3. Site URL: https://harp-chihuahua-m5cc.squarespace.com/companies The summary block thumbnail on my "Companies" page by default links to each respective "blog post" associated with the thumbnail. I would like to be able to link to a different external page for each thumbnail and open that page in a new window. My client would also like to have a hover state on the thumbnail that we can put a few lines of text and perhaps even the link on. Since I'm using summaries elsewhere, I only want this functionality to apply to the "Companies" page. Would appreciate any help. Thanks! Pass: Madrona20
  4. Site URL: https://turkey-harpsichord-57l4.squarespace.com/config/marketing/campaigns I have an email campaign, but when customers try "shop link" it doesn't work....
  5. Site URL: https://mouse-trout-epjy.squarespace.com/members Hello, I am trying to add a blue overlay on hover to the images in a portfolio grid. On Members page, you can see I've added a grid of images with a working blue overlay on hover using the following code: .layout-caption-overlay-hover .image-caption-wrapper { background-color:#66C8F0!important; opacity: 0.6!important; min-height:100%; top:0!important; } .layout-caption-overlay-hover .image-caption-wrapper, .layout-caption-overlay-hover .image-caption-wrapper { color: transparent; } Below th
  6. I am trying to get a change image on hover which I have successfully done, but when I then add another image, it changes the images to the first blocks images. Even though the URL's are different. Some research has shown that I may need to change the class/ID's but no idea how to do this. This is the code I am using <center> <!DOCTYPE html> <html lang="en"> <head> <title>Change Image on Hover in CS</title> <style type="text/css"> .card { width: 375px; height: 350x; background: url("https://imag
  7. 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
  8. Hi there, really dusty with coding and this seems like it should be simple but I haven't found an answer... I am trying to create a hover on portfolio page images, where the image becomes slightly faded and the title does a quick (.5sec) fade in on a hover, center of the image. That's it. I found the code to do it with a gallery caption (although it doesn't include the fade and the margin code seems to pull the images beneath up rather than just the title) but it doesn't work when I try it with portfolio. .gallery-caption p{color:white!important} .gallery-caption {text-align:c
  9. Site URL: https://dogfish-clarinet-npzm.squarespace.com Can anyone help please? I have created some really great images on my homepage with a 2nd image 'hover', however this obviously doesn't work on mobile / ipad. Is there a way of coding it so that the 2nd image would appear if 'clicked on' but only on the mobile version?? Thanks in advance!!
  10. Hello everyone, Can anyone please tell me if it is possible to create a white overlay upon hover on top of the selected image? This is the link: https://ptphotography.squarespace.com/milan-four-seasons-milan I want to have the same effect as my homepage: https://ptphotography.squarespace.com Another request is to change the curser from + to hand symbol like the one on my homepage. Thank you in advance. Stay safe! - K
  11. Can someone help figure out why the code I am using is not working? I'm following this tutorial and using the sample code provided, but for some reason the changes are not effecting my gallery and I'm guessing this is due to them being linked. Here's the tutorial: Here is my CSS: .gallery-grid-image img:hover{transform:Scale(1.2);width:100%;height:100%;Overflow:hidden!important; transition-duration:2s} .gallery-grid-image image:{overflow:hidden!important;}
  12. Site URL: https://www.cutloosebk.com/ Hello, I'm in need of a code for the hover active color for image block text and also for hyperlinks. Also want to get rid of the underline on both. Thanks!
  13. Site URL: http://www.ryanballphotography.com Hi there, I have setup my homepage with three images as a grid:overlay. I have set this to show text after I hover, this is perfect for desktop browsers and I don't want to change this. However for mobile devices, the text doesn't show (as the hover function does not work on touch devices). I therefore want to change this to "show text before hover" for mobile browsers, without affecting the desktop browser. So how do I keep "show text after hover" on the desktop browser and "show text before hover" on mobile devices. I'm using squa
  14. On the shop page of the hyde template, prices will show when you hover over the corresponding image. I would like to disable the hover effect so that the price will always be displayed on mobile devices. This is what I have: @media only screen and (max-width: 768px) { .product-price { pointer-events: none; } } I have the mobile breakpoint set to 768px in the site styles section so thats why i used that number.
  15. Site URL: https://colicchio.squarespace.com/config/ I am looking to add a box on hover on a portfolio page like this. I'd also like for the text to be static like here as well. WOuld love some ideas on how to make this happen. https://www.bannerdaysf.com/portfolio
  16. Site URL: https://www.hayloft.media/ I removed the line under the menu options on my page, and am trying to add code to highlight on hover, but I can only highlight the home page, not the contact page there are only two pages at the moment, i would like to darken to grey from white. https://www.hayloft.media/ Im using 7.1, can anyone help? thanks!
  17. Hi there! I'm re-designing my website and loving the new 7.1 features. I was wondering if anyone could help out with a wee issue: I'm using the Hover:Fixed layout for one of my option menu . I was wondering it it'd be possible to move the text all the way to the left so that it'd be more legible? This would allow me to still preview one of the images in the gallery when I hover over the text, but the image would appear on the right hand side of the screen rather than underneath the text. The ideal effect would be like this: Hope you can help, thanks so much!
  18. Site URL: https://www.saylinds.com Hey folks, hoping you can help me out with coding a hover effect like this. I'm currently using Image Blocks on my Home + Work pages but ideally I'd like to use a Grid Gallery Block with a hover overlay that displays title, description, and opacity. I'm still in version 7.0 and I haven't found a code recent enough that works. Thanks in advance!
  19. Site URL: http://andrewmorrisphotography.co.uk Hi there, is it possible to change the colour of the logo when the curser hovers over it?
  20. Site URL: http://www.justinryanward.com/detail-test Hi all, I am pretty new to custom CSS but managed to patch together some code I found online to create basic hover zoom effect as seen on this test page. http://www.justinryanward.com/detail-test My issue is that I modified the code to zoom further than 1.1 (see below) .sqs-block-image .design-layout-poster:hover img{transform:scale(1.9);transition: 2s} When I do this, the image maintains good quality when zoomed in if I view the page on my Mac retina screen. HOWEVER if I view the page at smaller browser widths or
  21. Site URL: https://www.100famousviewsoflosfeliz.com/routes my cover page (flatiron template) has buttons in the "outline" style. the color of the font within these buttons changes to black during the hover over effect. is there a code that allows me to change the font color during the hover to something else? any advice / help would be appreciated.
  22. Site URL: https://www.therootsmovement.org/workshops-1 hello ! 1/ For the calender block, when I am in the mobile format, I can't scroll the text in the hover of the event as it is in the computer format. (I attached 2 pictures mobile and computer format to see the difference) I would like to be able to scroll the text in the hover of the event in mobile format. 2/ Attached I sent another picture - in mobile format, when I click on a event, I scroll down the all description and at the bottom, the typo/police of the text for the other event is too big. How can I modify the
  23. Site URL: https://www.endofanear.com/ Hello, How I can I implement a black 3px border when hovering over product images on the shop page? I just can't figure out the code on Squarespace. Also, how might I be able to add a small drop shadow to product images, as well? There's a whole bunch of different shop pages, but here's one: https://www.endofanear.com/jazz Thanks! 🗿
  24. Site URL: https://chrysalis-goose-4pdd.squarespace.com/ See the attached image. I would like to add a box like this with Follow on ... for each social icon. Thanks.
  25. Site URL: https://circle-broccoli-e8wk.squarespace.com/ Hi, I'm looking to create a text link in my 7.1 site that opens an image in a lightbox. Is this possible? Also looking to add a hover state to other images on the site (ie. having a different image display upon mouseover). Though maybe I should open another ticket for that... Thank you!
  • Create New...