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
  • 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://typeaprofessionals.com Hello! For my social media icons, I was able to replace Squarespace's generic link icon with a customized Google icon using the code below (and uploading an image of the Google icon). However, I would like the Google icon to hover on the same color as my other social media icons. Does someone know how to add to my code below to make this work? Thank you in advance! ------ //replace link icon with Google icon// .sqs-svg-icon--list a:nth-of-type(2) { svg { display:none; } background-image: url(https://static1.squarespace.com/
  2. Site URL: https://www.insidephilanthropy.com/mental-health-funding-guide-design Hi everyone, I am trying to show a blog excerpt upon hovering over a summary item's title. I thought I would start by showing the excerpt for the summary item, and then figure out how to target it with CSS to hide it, and show it on hover. But I can't figure out how to target a particular summary item. Is it an nth item reference? The example page is just some development data but the first column shows the first summary item's excerpt. The default state will be hidden and only shown on hover. Any pointers on how
  3. 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
  4. Site URL: https://burgundy-watermelon-ld9d.squarespace.com Hi, I'm relatively new to Squarespace and even newer to the use of custom CSS but I really would like to know if I am able to add a hover design to the gallery on my main page and still have the links working. What I want is to have a gallery with a main image and title that then links to a project page. I've figured out how to add the hover and customise the colour/text but now the links won't work to the project pages (they're not https links, just page links). I've tried to add in code in the image description area to add c
  5. 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:
  6. Site URL: https://synthesizer-parakeet-hgtp.squarespace.com/config/pages/6087a48292661251f888ffc2 Hi guys! I was wondering if anyone could help me with this hover effect for the navigation links. I leave you here the XD link to see how it is supposed to work for the links and the blog button. As you can see the most I've obtained so far in my website is a stretchy line for the links, but it is not exactly what I wanted...Any suggestions? For the XD file I had to put a white rectangle behind the links and a line that stretches starting from the center behind the white rectangle. I d
  7. Site URL: https://www.hackneyvenues.com/ I'm looking for some code so that text appears on hover over images on a SS7.0. It's for a meet the team page. I've found a few tutorials and have tried adding the code to the page code injection header but it's not working! The link is hackneyvenues.com/meet-the-team-1 Can anyone help?
  8. Site URL: https://www.andrealepori.com Hey guys, Hope you're all doing well, I am having some trouble using a CSS custom code in order to make nicer captions on my new website. The idea would be to have my credits for each album showing up on hover while being linkable to an external url (spotify) Anyone could help me with this? I am currently using this bit of CSS, but can't make the links working?being clickable again. Hope it makes some sense figure.gallery-masonry-item { position: relative; } .gallery-caption { position: static; } .gall
  9. Site URL: https://www.adam-underwood.com/ My homepage banner has three links that go to different parts of my portfolio. I want to remove the text-decoration for all, and instead when the link is hovered i'd like the underline to animate in. Right now, there's no positive interaction on the links so i want to add an animated underline when hovered to reinforce the fact that they are clickable. password is: guestaccess
  10. Site URL: https://www.erwanlier.com/works Hello ! On my website, on the work page (https://www.erwanlier.com/works) when you hover image/project, there is currently a title and a quick fade in with opacity at 0.5 (basic feature). What would be the code to change that hover effect into putting the title at the bottom center, and no opacity change but a zoom in the image (something like img{transform: scale(1.3); transition: .3s;}). With hidden overflow. Thank you very much ! I have found multiple code, but none of them seems to work on my website, so I must be doing something wrong !
  11. Site URL: https://www.moderndifferent.com/ How do I change color to title and subtitle separately? Both are active links. I can’t do it in the editor. How can I add underline to active links on hover and change color (for all site, including image blocks)? Is there a way to adjust how close the underline is to the text? Thanks.
  12. Site URL: https://rabbit-goby-hknk.squarespace.com/ SITE: https://rabbit-goby-hknk.squarespace.com/ I would like to keep opacity 100% on text when hover over the project title links on this page. But would like the other links to fall back 20% opacity. What would be the CSS code needed? Thank you
  13. Site URL: https://rabbit-goby-hknk.squarespace.com/config/ When you hover over these main page links, the type only gets a little bit brighter. And the other type stays the same. Is there a way to make the selected type brighter and make the other type fall back. my site. - https://rabbit-goby-hknk.squarespace.com/config/ THANK YOU!!
  14. Site URL: http://www.lucied.squarespace.com Hello I would like to ask, how I can change an animation time of logo on hover? On hover my logo change on animation but i would like to animation be finished even when a pointer is somewhere else. Is there any code which i can use in css?? Password for website is lucied_com Thank you
  15. Site URL: https://www.forma-editions.com/ Hi there, I have turned my cart icon into the word CART (0), and I am looking at coding the same link behaviour as the rest of the website. In other words I would like it to become red when I hover over. Link: https://www.forma-editions.com/ Could someone help me finding the right CSS bit to make this happen? Thank you so much, Max
  16. Site URL: https://www.kailynmoore.com/ Hi! I made my nav links emojis, and I want to be able to hover over each and see the actual name of the page: ie: "WORK" "PLAY" "ABOUT" Any help would be greatly appreciated. Thanks in advance!!! πŸ™
  17. Site URL: https://calliope-strawberry-54ay.squarespace.com/ Is there a way to underline nav items (primary and secondary) when hovering over them? Thank you
  18. 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
  19. Site URL: https://www.real-identity.ch/ Hi there Can anyone please help me with following problem? The underlining of the navigation links on the homepage of my website does not show with hover. In the subpages, the active page is underlined. This style I would like to have also with hover. Website: https://www.real-identity.ch/ PW: birdhouse Many thanks and kind regards Sibylle
  20. Hi I would like to know how I can change the background colour when I hover over each of the links on the page below. I've tried different css codes but can't find anything that works https://studioiris.squarespace.com/projects-1 password: studio Thanks
  21. Site URL: https://www.kailynmoore.com/ Hi! I used a gallery to create my homepage grid of projects because I wanted to customize the size of each block. However, it won't let me customize a hoverstate for these to display the name of the project. Ideally, I'd like there to be an opacity and the name of the client in the center of the image. Any idea how to approach this? Thanks so much in advance!
  22. Site URL: https://www.shopuhhuh.com/collection/formless Hi there – I'm looking for a code snippet that will enable my summary blocks to reveal a second image on hover (exactly like the product page does). Page that I would like this to display on: https://www.shopuhhuh.com/shop Any help you could provide would be most appreciated!
  23. (Updated: SS 7.1) Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font Notes Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template
  24. Site URL: https://www.swissariknife.com/ Hi there, I was wondering if someone could help me figure out how to add custom CSS code that changes the color of my social media icons on hover. They are currently in the footer of my site. I want them to be red, hex code is: #EF233C Site password: 1886 Any help is greatly appreciated. 😁
  25. Site URL: https://www.chicagoawakeningchurch.com PW: 0000 Hi, I've been trying to change the button in the newsletter section (towards bottom of the page) but haven't been successful. It changes to solid white and thus can't read the text. How can I change the background color to " color:rgba(255,255,255,0.3)" like all the other buttons on the page? Please help!! Thanks, Min
  • Create New...