Jump to content

Search the Community

Showing results for tags 'hover'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • Welcome to the Forum
    • Customize with code
    • Commerce
    • Feedback on Your Site
    • Images & Videos
    • Pages & Content
    • SEO
    • Products
    • Resources
  • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Can anyone help me with a custom css code to change the color of hyperlinks on hover in all pages? Using SS 7.1 Thanks!
  2. Hello there, On my site: https://activestatedesigns.squarespace.com (password: SiteTest) I have my header with custom Mega Menus setup. Can I please get help with my CSS code to change the header div background to blue when anywhere on the div you hover over? Also how do I shift the mega menu down so it's not overlapping with my logo? I appreciate the help! Lorne
  3. Site URL: https://www.robertditty.com/ This might not be possible (or too complicated) but I would like there to be a text overlay when hovering on my images on my homepage. The Supply template does this ( https://supply-demo.squarespace.com/shop-supply?category=Apparel ) but I prefer Wells' wider sidebar. As an alternative, if there was a way for the caption to appear on hover in thumbnail mode that would be better than nothing. Or if there is an alternative to the gallery pages that allows this, let me know. Thanks!
  4. Site URL: https://bulldog-green-chzy.squarespace.com/ Site URL https://bulldog-green-chzy.squarespace.com/ Password: Dpc35! I'm trying to add image descriptions, that appear in the centre of a "slightly" greyed out hover. I've been able to create the hover, however the image description appears right at the top of the hover (and therefore the image). I also want to be able to click on the image, to open the Vimeo video and play etc. I set it up by starting with a Blank page, added a gallery block - 'grid' - and "used existing Gallery" that I had put all the videos in (stored in my "Unlinked" area). (using Squarespace 7.0). I've attached a screen grab of what the image looks like when you hover .. This is the code I've been using: .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { position: absolute; bottom: 0; width: 100%; height: 0%; color: white; background-color: black; opacity: 0; transition: all .25s hover; } .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper:hover .image-slide-title { height: 100%; opacity: .65; }
  5. Hello, I wondered if it is possible to add some css which will change the text color when hovering the image above it? To be precise, in section "Kategorije" on homepage (green one, eng. Categories), I would like to change text color when hover the visual representation of category itself. Right now, I have only only added hyperlinks to texts, so they become yellow on hover, but I would like to make them active when hover the image, too. The domain is Finvala.com I am using personal plan, 7.1. Thank you.
  6. Hi! I'm trying to figure out if there is a custom CSS or some way to display an image next to text when hovering over text link. Thank you.
  7. My intention is to make the background colour of the site header to turn white when hovering with my mouse over it. However, when not hovering with the mouse over the site header the background of the site header should be like it is in the screenshot with the image. If someone could please help me with a CCS, Plug in, it would be awesome!
  8. Hey guys - I'm using the below text to try and reveal a text block placed behind an image to appear on hover. The code is working on my personal website, but when I try it on my clients website it only works when you are in edit mode. Anyone got any ideas? Thank you @media only screen and (min-width: 640px){ #block-yui_3_17_2_1_1673492412284_3335 { opacity: 0; transition: opacity 1s } #block-yui_3_17_2_1_1673492412284_3335:hover { opacity: 1; transition: opacity 1s } }
  9. I would like to hover over an image and have a text block pop up next to it on hover. Is this possible?
  10. Hello, I would like to have a hover effect on each image from the grid gallery on my homepage, approximately like the sketch attached. Every image has a link to the concerned page /project, which need to remain. I tried some codes I found, but none where working for me. You may need a PW: dga2023 Thank you very much in advance. Best regards. D*
  11. Hi all https://coconut-grasshopper-b736.squarespace.com password - gingerkev hi re hover effect over gallery images on β€˜case studies’ homepage I see it now works on new Samsung android mobile phones - when you drag your finger down over images is thhere any custom JavaScript or similar which will get it to work on iPhones? thanks kev
  12. hello, it is possible to see the image title when hover it on fluid engine. thanks for solutions A.
  13. Site URL: https://jaycefox.squarespace.com/ Can anyone suggest a code that will allow these captions to only appear on hovers? The site's url is https://jaycefox.squarespace.com and the password is "fox" Here is the code I am currently using... p.gallery-caption-content { font-size: 22px !important; } figcaption.gallery-caption.gallery-caption-grid-masonry { position: absolute; bottom: 0; background: rgba(0,0,0,0.5); color: white; left: 0; text-align: center; img:hover }
  14. Hi, Here's my code for an SVG icon on the home page of my site. I'm wanting to have #336699 on hover. Screenshot of my site attached. Would I apply this to each individual icon code block or in the Custom CSS block? Can anyone help please? Thanks <div style="text-align: center"> <svg style="fill: #99CC33" width="80" height="80" viewBox=" 0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M13 23h-6v-6.065c.626-.155 1.04-.496 1.319-1.046 2.152.773 3.647-2.303 1.819-3.556.949-1.116.245-2.727-1.207-2.522-.698-2.361-4.151-2.379-4.85 0-1.405-.227-2.186 1.199-1.385 2.289-1.648 1.404-.105 4.036 1.872 3.467.217.703.78 1.184 1.432 1.357v6.076h-2v-4.877c-.304-.239-.551-.515-.546-.51-2.001-.266-3.454-2.114-3.454-4.069 0-.583.129-1.173.41-1.735-.322-1.653.654-3.337 2.356-3.874l.018-.006c.827-1.162 2.152-1.823 3.517-1.893l5.682-5.036 12.017 10.647-1.33 1.491-10.687-9.469-3.284 2.908c.308.164.595.36.855.59l2.419-2.149c1.126.998 2.255 1.995 3.384 2.993l2.258 1.994 3.385 2.995v10h-6v-5h-2v5zm-2-5.585c-.713.445-1.259.529-2 .585v3h2v-3.585zm1.415-1.406l4.585-.009v5h2v-7.117l-7.027-6.196-.813.72c1.124.795 1.697 2.21 1.351 3.614.646 1.147.669 2.693-.096 3.988m-5.962-3.688c1.495-1.022 3.241.769 2.302 2.224.002-1.472-.852-2.279-2.302-2.224m-2.118 1.19c-1.247-1.865 1.004-4.164 2.904-2.894-1.892-.032-2.946 1.043-2.904 2.894"/></svg> </div>
  15. I've tried a few different methods but have not been able to change the background color when hovering an item on my project section on the homepage. I'd like each of the four items to have a unique background color. Any suggestions are appreciated! Password: squarespace
  16. Hey, I'm going out of my mind trying to figure out how to remove the hover effect from my add to cart buttons. They are invisible otherwise.
  17. Dear experts, I have a mess with my navigation styles. I have two types of pages: dark pages and light pages. I want to have the same colors and styles for each navigation menu, including the dropdown menu AND the mobile menu, depending on whether they are on a dark or light background. 1/ Light pages (mobile and desktop): ⁃ Normal link (not visited): #45495a ⁃ Hover : #8e8d89 ⁃ Active link (visited): #1c1e2c ⁃ No underlines. See screenshot of OVERVIEW page where it works as desired (desktop). 2/ Dark pages (mobile and desktop): ⁃ Normal link (not visited) : #a7b6cd ⁃ Hover : #8e8d89 ⁃ Active link (visited) : #f5f6f5 ⁃ No underlines. See screenshot of IMPRINT & POLICY or INFO pages, where it works as requested. However, it does not work on 1/ ALL pages in the file PROJECTS, i.e. dropdown menu 2/ mobile navigation in general With the help of the forum (Thank you @chrisyprice), I could add some CSS codes to set up the hover effect and get rid of the underlines. See below. But, and that is the problem, it doesn’t work everywhere. /* change header nav active style */ .header-nav-item--active a { background-image: none !important; } /* change header nav active style */ .header-nav-item--active a { color: #f5f6f5 !important; background-image: none !important; } /* add header nav hover effect */ .header-nav-wrapper a:hover { color: #8e8d89 !important; } You may need this password : dga2023 Thank you very much in advance. Best regards. D*
  18. Site URL: https://trumpet-pumpkin-rl4y.squarespace.com/work I would like to have the same hover effect on my images (on all pages), as this site: https://www.graphicalhouse.com/work I think it's so nice that the text "pops" up while the image is getting darker with a slight zoom in. Is this possible to do? Thankful for any help πŸ™‚ https://trumpet-pumpkin-rl4y.squarespace.com/work Pass: hejhej
  19. Hello! A question: Is it possible to construct a hover effect for an image carousel section that will display a larger version of the image? https://buttercup-buttercup-tpxb.squarespace.com/ pw: hello Merci! - Leroy
  20. Hello, I used some code from another post to have my navigation links change color on hover and it works great. I was wondering if there is a way I can customize it so that the color fades in on hover. This site is a good example of what I'm wanting: https://www.mattnaylor.com/ This is the code I'm currently using: .header-nav-item>a:hover { color: #8FB344 !important; } .header-nav-folder-item:hover a { color: #8FB344 !important; } /* desktop*/ .header-nav-item--active>a { color: #8FB344 !important; } /* folder */ .header-nav-folder-item--active a { color: #8FB344 !important; } Thanks!
  21. 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
  22. Site URL: https://www.revitlearners.com Hi- I'm using the Paloma template, and I'd like to make the links in my header underlined when user hover over. Same color. Help? Thanks! site password: Amanda123!
  23. I'm trying to figure out how to customize the left/right arrow button hover states for a banner slideshow. I've found the selector for the button stroke and background colors, but the button background color only changes when rolling over the stroke? I also can't for the life of me get the arrows to change color on hover. The arrows appear to be broken into two elements: the carrot and the horizontal line. Any thoughts? I'm trying to get the button background to change to #FF2F79 and the arrows to change to #FFF7F0 on hover. No change to the button stroke. Any help is appreciated!
  24. Hey all, One of my sites is still on the Old Squarespace system, and all of the sudden I seem to be completely unable to find or access the feature for duplicating blocks. All I am getting when I hover on any of my blocks is the trash icon, and not that little menu of three options I am seeking. What is going on? Did this feature somehow go away?
  25. Site URL: http://sophie-m.co.uk Hello, I was wondering if there's a way to add hovering titles over index images that follow the cursor when it moves. Example: https://carolinedussuel.com/ (I'm using flatiron) Thank you
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.