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
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • 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. Site URL: https://freedomofmovement.squarespace.com/ Hi, I used the following code (see attached screenshot) for a hover effect for my newsletter buttons. So far it has worked but now I noticed that the hover effect does not work anymore - no idea why. Can someone help me? I am looking forward to your help! Password: fom2022
  2. Hello, Need assistance finishing out the below hover button code. I would like for the button to stay 100% black when it's not being hovered and 100% black when it is being hovered. The only hover effect is for a white border to go around the perimeter. Text of the button should be white. /* add to cart button color */ .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #000000!important}
  3. Site URL: https://www.eddiefieg.com Hi! I'm trying to figure out if there's a simple CSS code I can insert so any image (with a link) can enlarge/pop off the page a little bit on hover. For example, on my homepage, I'd love to be able to see my project images pop up in size as the user hovers over them: www.eddiefieg.com Thanks!
  4. Site URL: https://sentimentstudios.com Hi @tuanphan, for my the showcase gallery on the homepage of sentimentstudios.com (pw: concept) I am looking to do the following adjustments, as to make the text work as well as on sentimentstudios.com/work; - adding a text row in the title (half of each title disappears on mobile) - adding a subtitle (client name) - changing font size of title - create hover effect "zoom" like on portfolio (sentimentstudios.com/zoom) Could you help me achieve this? Much thanks in advance!
  5. Hello! I'm looking to change the color of navigation links when I hover over them in Squarespace 7.1. There doesn't seem to be an option to do that yet. Does anyone know the CSS for this? Thanks!
  6. I have a button issue I have not been able to solve. On the home page there is a blue button called subscribe today. It functions like I want it to. Stays a solid color (blue) and the only change on hover is it outlines the box in white. The buttons on the pages (stock market dashboard & cryptocurrency dashboard) have a wiper effect in the section called "charts of Interest" at the bottom of the page that shows the button all in white when one hovers. How do I get these to act like the home page? I moved the links to the header for easy access. Website: www.MidnightInvestor.com Password: 123456$
  7. Site URL: https://www.wearefixology.co.uk/ Hello Forum, I'm using a form block with the lightbox/button option - I would also like it to have the same design as my Primary Buttons. Which has a teal (#45A29A) outline and goes yellow (#FDDB27) on hover...? I've made a page as an example - so the REGISTER INTEREST button is a form - top right is my BOOK button that has the yellow hover..... My website: https://www.wearefixology.co.uk/form-with-button-examples Password: ruth Any ideas forum pals?
  8. Site URL: https://ruby-opossum-dh2p.squarespace.com/residential-construction Hi! I'm wondering how to change the image on the left by hovering over another image block on the right. I want to showcase each step of our process with that single image block. Thanks! Password: yes
  9. Hello! SOS! I have an Image gallery carousel set up in a blog post and I am trying to figure out how to show the caption on hover as well add a teal overlay and if possible also make the image bigger when hovered over. This is what I have: This is what I would like it to look like:
  10. Site URL: https://grapefruit-lobster-276m.squarespace.com/ I just started working on a website and chose the Corrigan template. It is laying out just fine BUT I see in the 7.1 templates there is no hover option for the Navigation Menu subpages. I'd like my drop down subpages to become more BOLD when they are hovered upon. I'm just using black as the Navigation color. Could someone help with the code for this?
  11. Hello ◾️squarespacers _, I need help/advice. In gallery section (Grid: Simple+Lightbox) I want that on hover text "Enlarge" appear in lower right corner at bottom of the page. I tried quite a lot - but no luck. Is it even possible? Best Duško Bekar
  12. Site URL: https://www.troycharbonnet.com/editing Hello, I am new to SquareSpace and I wanted to recreate what the website I provided or close to it. I wanted to have an hover effect over the video thumbnail and have text. This is the website for reference : https://www.troycharbonnet.com/editing Any help ?
  13. Site URL: https://www.verimag-herrliberg.com Hello! Could someone help me figure out how to do a hover effect over an image? We would like to do something similar to this on our new website: https://www.raquelmarquard.com in the section "Where design and timeless elegance meet". So the idea would be to do some colour overlay and add text to the image with a hover effect. Thank you very much! PW: verimag2022
  14. Site URL: http://www.andreaaronica.com Hello, I'd like to add a zoom in hover effect to the images on my homepage. How can I do that? Thanks in advance. www.andreaaronica.com
  15. Site URL: https://orange-keyboard-x7xs.squarespace.com/config/design hi guys, how to uncover header / to make it sticky and visible when I open a gallery photos ? white background covers everything. thank you
  16. Site URL: https://octopus-avocado-223h.squarespace.com/config/pages I have a grid gallery section that I would prefer to be arranged in strips or masonry style. I want the image title to be displayed on hover with opacity. I was able to find code that worked for simple grid, but when I change the arrangement of the grid it's gone. Anyone?
  17. Site URL: https://www.10peaks.ca Since the new fluid engine my buttons - site side - have a hover transition with opacity. I can't figure out how to remove it or what is causing it. See this page on the site https://www.10peaks.ca/breakfastmeetup Does anyone have a suggestion. Thank you in advance.
  18. Site URL: https://tuna-ladybug-3hgy.squarespace.com/shop Wondering if anyone can help me discover how to reveal the title and price of a product when a user hovers over the product image. Page: https://tuna-ladybug-3hgy.squarespace.com/shop Pass: brineintopedro
  19. Site URL: https://www.901jets.com/901jetsourteam I need to disable the images in the gallery from taking site visitors to another page. I just want them to hover over the picture and see the text without being able to click on any of the images or leave this page without going back up to the main menus at the top or bottom. The gallery images are just for show but I don't know how to disable the link. Any and all help would be greatly appreciated. The SquareSpace representative said it would be possible with a little code, but that is outside my lane. Thank you!
  20. I want my header to have two buttons, and currently I have this code working well except that it doesn't have a hover effect. Does anyone know how I can add a change of colour on hover? .header-nav-item:nth-child(5) a, { background: #0092b3 !important; color: #FFFFFF !important; width: 160px; letter-spacing: 0.2em; font-weight: 700 !important; border-radius: 0px; text-align: center !important; } .header-nav-item:nth-child(6) a, { background: #0092b3 !important; color: #FFFFFF !important; width: 160px; letter-spacing: 0.2em; font-weight: 700 !important; border-radius: 0px; text-align: center !important; }
  21. Site URL: https://nicholasasmita.com Hello Im new in squarespace. And as I read, you cannot change template in squarespace 7.1. And I already pick a wrong design template. I'm curious how can I put the hover effect (the image is changing follow the text hovering) in my site I want to make it as portfolio thumbnail in the homepage. I already search the section in edit theme, but can't find it. Thank you. https://hawley-demo.squarespace.com/
  22. Site URL: http://resoluteempire.com I need my first navigation link to break on two lines so that the phone number (1300EMPIRE) is on one line and the actual number is on the line below, but I want the email to stay as is. I also want when the user hovers on the item there is a thick gold bar #BD902f that shows under the item but the link stays black. URL http://resoluteempire.com Password: resolute I tried the following for the hover item, which worked for a while and then stopped when I tried to list max width on a nav item "a" : /* Nav item color */ .header-nav-item a { color: black !important; } /* Nav item hover color */ .header-nav-item>a:hover { color: #00000 !important; .header-nav-item>a:hover { padding-bottom: 15px !important; } .header-nav-item>a:hover { border-bottom: 3px color #BD902f } }
  23. Site URL: https://mishayeung.com Hi there, I would like to reveal image on the left side on hover of text link like the demo below, different text links reveal different images Demo: https://readcereal.com Thank you! Screen Recording 2022-09-16 at 5.29.39 PM.mov
  24. Site URL: https://www.veneramor.com/ Hi guys! Is it possible that when hovering over the product on the store page, the photo did not increase, but the following product photo was shown (which can be viewed already on the product page). Something like a quick view of the next photo on hover.
  25. Site URL: https://flounder-vanilla-a464.squarespace.com/ Hi all, I'm having a tough time getting my navigation styling to work properly. I'm trying to get a background color to fill on hover, but no matter what I do, it only wants to underline rather than filling the full space. This is what I want it to look like: The example below is what I'm getting. I also don't want the hover state of the topline menu options to apply to the folder items, since I already have hover styling set for those separately. I've tried canceling them out with :not, but can't get it to work properly. Here's what I'm trying to avoid: Site: https://flounder-vanilla-a464.squarespace.com/ Pass: sqs123
  • Create New...