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


  • 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




Found 301 results

  1. Site URL: https://www.madebyrach.net/portfolio I am trying to get my projects in my portfolio to underline or fade (words get slightly transparent) when hovered over. I am using the Quincy template. I've put my website in for your reference; if it takes you to the Home page for some reason, just navigate to my Portfolio and when you hover over my various projects, it doesn't give any user feedback - it just stays white. Is there any way I can inject code or use CSS to customize this? Thank you! -Rachel
  2. Site URL: http://emilykopf.com Hi there! I'm currently working with the Wexley template, and I'm trying to figure out how to further customize the hover effect when rolling over images on a gallery page. My site is: http://emilykopf.com I've already used the Site Styles to customize the background of the hover to a dark indigo, and I've customized the font style for the title. That being said, it seems like I'll need to employ some custom CSS to get the caption to show up, and customize that font (would prefer the caption to be smaller, and a serif font). Ideally, I'd love to get a transition effect on the hover as well. Whether that's the image enlarging in the frame, or the caption and title moving together, any dynamic movement would be better. I looked at Devon Stank's image hovers for reference, and considered purchasing, but these don't work for images within gallery indices. My favorite of his hover effects is: https://www.devonstank.com/squarespace-image-captions hover overlay 1. Any idea how to get this to work with a gallery index?
  3. Site URL: http://tsacstudios.squarespace.com Hi guys! Trying to remove the hover over my products on the site on this page: https://tsacstudios.squarespace.com/tsac-store I’ve tried a few pieces of CSS and they don’t seem to change it! any help would be much appreciated thanks! site PW: brineintopedro
  4. Site URL: http://www.celineisogai.com Hi! celineisogai.com password: wowza I've been searching around for a solution for a hover effect on my gallery (simple:grid) but the CSS I've tried didn't work. I was hoping to have the images in greyscale when static and when hovered over become the regular colour with the caption in the middle. When I tried one of the other codes it changed the padding between the grid pictures and then pictures were touching. My second question to this would be can I have it so that in mobile they don't have the greyscale or hover effect? I just want the picture. Last question would be what is the code to have my pictures in 1 column on mobile? When I click on the "work" page there's 2 columns and inside the projects it's also 2 columns. Thank you!
  5. Site URL: https://www.harmoneywealthaz.com/services website: https://www.harmoneywealthaz.com/ourstory#anchor-harmoneydifference https://www.harmoneywealthaz.com/services I am hoping to add an element or some sort of css animation upon hover on the dropdown/accordion menu to show the user that the accordion is clickable. Has this been done before on squarespace? My mouse doesn't changer upon hover so the text doesn't appear to be clickable. @tuanphan
  6. Site URL: https://www.eddiefieg.com Hi! I'd like to simply remove the hover effect on my social icons and my button (in my site's footer). I've tried some CSS solutions and they're not doing the trick. Little help?! Thanks! Here's my site: eddiefieg.com
  7. I am using the Momentum template for a portfolio/cv related site. No issues past two days. But all of a sudden, my hover decoration in the navigation bar is positioned midway through the text. I would like to reposition the navigation bar hover decoration or remove it completely. Thank you.
  8. Site URL: https://www.startupvillage.nl/ Hello, on my site I'm having some issues making my header logo change to a different image when the logo is hovered over. https://www.startupvillage.nl/ I have tried following tutorials from here and here with, pasting code into the Custom CSS, with no results. I think perhaps the main confusion is that in my Custom CSS there is no reference to .header-title-logo If someone could help me figure 1. which code to insert, and 2. where to insert it on the Custom CSS, that would be greatly appreciated!
  9. Site URL: https://matteprojects.com/ Does anyone know how to change a full-bleed background image when hovering over different text links. I'm trying to achieve something like the first page section of this site: https://matteprojects.com/ I have found hover on image solves, but not for multiple text links (each showing a different background image) Thanks!
  10. Site URL: https://blueberry-marigold-34nn.squarespace.com Hi, I'm trying to achieve the very same effect found in the Hawley homepage template (https://hawley-demo.squarespace.com/) on a normal page, but so far none of what I've been looking for works. I want to display a full bleed image once I hover on a set of specific text links. This option is currently only available on the portfolio collection, and I have absolutely no clue how to replicate the interaction on a normal page. Looking forward to a solution. πŸ™‚
  11. Hello SS Community, I am looking for a way to change the colour of social icons on hover in the navigation bar. I am using the template Tremont (7.0) Thank you!
  12. Site URL: https://www.soulstoriesproject.com/client-work I'm trying to add a custom button hover effect on the button within an image block. I used this code but it created an odd hover effect that spanned the width of the block (see attached) .image-button:hover { background-color: #dca757 !important } I'd like these buttons to function like the one on the homepage: https://www.soulstoriesproject.com Any insight as to what I'm doing wrong is greatly appreciated!
  13. Site URL: https://carnation-cardioid-yc95.squarespace.com Hello everyone, I set up a hover effect on my images, which reduces opacity once hovered. However, the change appears quite abrupt, I would like it to be more gradual/smoother. Does anyone know a way to do it with a code? pw: mount$% Many thanks, Federica
  14. Site URL: https://manatee-raccoon-w3wx.squarespace.com/config/pages Hi folks, Im trying to achieve the following; 1) my gallery to display images that dim and display text upon hovering over them 2) clicking on gallery images to lightbox which displays additional text (im trying to avoid having to create additional pages, for displays that are merely additional text). I managed to achieve Item 1, a gallery where the images dim and display text upon hovering over them. However, I am unable to get them to be selectable for lightboxing. Any help is greatly appreciated. I've done a bit of a search, but apologies if this has been addressed already. Cheers, Callum.
  15. Site URL: https://caseyhowarddesigns.com I'm trying to get a logo to lay on top of an image slideshow on my client's homepage. Template is Hayden. I know how to add the logo to the custom css files, but not sure what html to add and whether it should go in the custom css section or a code block on the homepage.... help? Screenshots below of roughly what I'm trying to accomplish!
  16. Site URL: https://www.nickdavid.co.uk/overviewtest2 Hi, This is the site page I am working on https://www.nickdavid.co.uk/overviewtest2 the current design has it going gray when hovering over images. I want to make this hover overlay colored. How can I do this? Any help is appreciated.
  17. Hi, so I'm working on a website and there is no option for making animation to underline the elements whenever the cursor move. It will be like the word "Marketing" in the file I attached. Any help would be great. Thank you in advance :)
  18. I'm trying to add a hover zoom on my slideshow gallery. I'm using Rally (Brine Family) which is a 7.0 version. All the custom CSS I've found so far only applies to 7.1. Help!
  19. Site URL: http://www.batsevamakes.com/photography Hey there, Trying to get the Title on the images to show only when you hover over the images. Hatch's only hover effect in this situation is that of color. Can anyone help me try to do this only using CSS, because I'm not able to use Javascript rn. It would be greatly appreciated!
  20. 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!
  21. Site URL: https://falodu-demo.squarespace.com/work Hi, I'm quite new to Squarespace and I have a question regarding the hover state on the images of a portfolio page in Squarespace 7.1 . I'm currently working with this template: https://falodu-demo.squarespace.com/work and I was wondering if the hover state on the portfolio page (in this case work) can be a solid colour instead of the current 'faded' effect. I have looked everywhere on the design section but it seems it might have to be edited in the custom CSS.
  22. Site URL: https://fifty-fifth.com/home-1 Hello! I'm trying to change the hover colour to the links inside my accordion drop down on this page (https://fifty-fifth.com/home-1). Anyone have any idea how to implement this using CSS or HTML within the markdown? I'm using a custom code box for the accordion and a markdown above it that contains all of the text HTML. Thanks!
  23. Site URL: http://www.batsevamakes.com/photography Hey there, Trying to get the Title on the images to show only when you hover over the images. Hatch's only hover effect in this situation is that of color. Can anyone help me try to do this only using CSS, because I'm not able to use Javascript rn. It would be greatly appreciated!
  24. Site URL: https://okra-swordfish-w2kf.squarespace.com/ I'm trying to enable image descriptions to appear atop the center of each image upon hover. While I've managed to create a nice ease in/ out effect with making the image slightly more white (essentially so the text can stand out), I can't seem to get description text to appear on each image with the hover. I've gone through a number of threads, but for some reason every version of code I've found isn't working for me. To note, I need to maintain clickthrough abilities, as each image links to its own respective project page I'm working with a gallery block, simple grid on Squarespace 7.1. Here's the code I have so far: //IMAGE BACKGROUND ON HOVER figure.gallery-grid-item .gallery-grid-item-wrapper:before { background-color: white; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; opacity: 0; transition: all 0.5s; } figure.gallery-grid-item:hover .gallery-grid-item-wrapper:before { opacity: 35%; transition: all 0.5s; } Do I add something to this specific segment of code, or is there a different block of code I should add for the descriptions to also appear on the hover? I'm new to CSS and would be so grateful for some insight! With gratitude! Alex
  25. Site URL: https://www.bazadona.co/workv3 Hello, I am wondering if it would be possible to show both the TITLE and the DESCRIPTION when mouse hovers over, for each thumbnail in my grid (which then opens a video in a Lightbox). And IF that is possible, is it possible to remove the triangle/play icon? Or, if not possible with my current theme, would you know of a theme where I could accomplish this? Thanks in advance!
  • Create New...