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


Forums

  • 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 Topics
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Topics
  • 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 217 results

  1. Hello, I'm using squarespace 7.1 and have a page of poster image blocks with titles overlaid (screen shot attached). I want to create an effect so the title only appears when you hover over the image (a bit like this: http://www.springfilms.tv/work/) Any tips on how I can achieve this? Thanks a lot, Anna
  2. I have previously used the code on another clients website to have the images grow on hover as per this article: https://www.pareto-design.com/the-blog/2016/4/19/squarespace-thumbnail-image-hover-effects However, when I apply to a site I'm building now in 7.1 it doesn't seem to work - I'm looking at doing it for the top 6 circle icons on this page here: https://www.brewtown.co.nz/
  3. I was looking to implement a hover style to my Crew Page via the actual page's advanced css location. I'm looking for something like: https://www.conducthq.com/about/ I'm aware of this thread with the script for the effect above: https://forum.squarespace.com/topic/94666-image-hover-change/ But, I am unaware of how to actually apply it to a specific page, not in the overall custom CSS. Thank you! (Image attached shows how the script injects itself into the header on my test site...)
  4. Hey All, I want to have an image on my website that changes when you hover over it and you can click which sends you to another page on the website. I haven't been able to find this anywhere, maybe I'm just not asking the right question? Here is the code I have so far which works for the hover image change, but I can't figure out how to make it clickable and redirect. "<img src="Original-Image.pmg" onmouseover="this.src='second-image.png'" onmouseout="this.src='Original-Image.png'">" Thanks for your help! Upstart Strategies - Google Chrome 2020-01-07 11-14-38.mp4
  5. Hi everyone and Merry Christmas. I am looking for some code, perhaps for a code-block. I want to make an image change to another image on hover but still have a clickthrough link to another page. Can anyone help me with this? My website is below. https://redsquirrelcreative.uk The page where I would like to implement the code is here. https://redsquirrelcreative.uk/our-projects If you go to this page you will see I found some code to successfully change the image on hover, however I would like it to also click through to another page. Any help would be very much appreciated. Kind regards, Chris Spencer.
  6. How to put the mouse over text animation? https://www.fincaplaw.com/ Title on the home page, change to “TEMPORA MUTANTUR, ET NOX MUTAMUR IN ILLIS” and when the mouse hovers over the title it changes to “TIMES CHANGE AND WE CHANGE WITH THEM” Please help me how to do it @janandsusan @erinchristoph @dgsloves @melissastephenson @tuanphan
  7. Hi, I use the Five template and adjusted my navigation to include an icon underneath the page name. The icon is hidden, but shows on hover. I would also like it to show without hover on the active page.This is the navigation I have now (I added spaces after every < to make the tags show): < div class="navi">< div class="navitext">pagename< br>< /div>< i class="icon(through fontawesome) naviconpos">< /i>< /div> CSS settings: .navi {display: block; visibility: hidden;} .navi:hover {visibility: visible;} .navi:active {visibility: visible;} .navitext {visibility: visible;} .naviconpos {position: relative; left: 30%;} It takes the active navigation color from squarespace site style. It seems .navi:active does not do anything. I tried !important on it, but that completely offset the hidden and position settings. Thank you for any suggestions.
  8. Is there a way to add animation that will single out a video when the mouse hovers over it in grid gallery mode? Also, is there a way to get ride of the big play button on all of my videos?
  9. I've im using code that is not functioning on mobile. It's ":hover", to cause an image become grey when selected/moused over. #block-267487b5b8d7cb36a00d:hover { filter: grayscale(50%); } It works great on desktop, but I'm wondering how can it be adjusted for mobile?
  10. So I have some clickable links on my images and I added a hover css so that it changes the brightness of the image to 50% when hovered. But in turn it is also dimming the text that is laid over it. I have these images in a poster style. What code and I input to keep my brightness dimming on the image but exclude the text and keep that a full brightness. Here is my code for that. .image-block .image-linked:hover { filter: brightness(67%);}
  11. 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!
  12. Hello everyone, I am working with the Nueva Template from the Brine Family. I would like to remove the hover effect on the logo. I can't find the right code that works. Help would be much appreciated!!!! Thanks so much!
  13. Hey, I want to know how I can customize my CSS for a hover effect on an image in poster mode. I'd like to add links to the text that appears when hovering. Example page: https://beyonce.com/album/
  14. Does anyone know how to create an audio sound effect when i mouse click a "nest/previous-arrow" in a gallery. Preferably on mouse click but if not possible on hoover...
  15. Hi there, I have added some code to get the hover effect (overlay + Poster: Title/Subtitle ) on images (see screenshot attached). /* Hover Effect Images */ .sqs-block-image:hover { brightness: 100%; transition: .6s; cursor: pointer;} .sqs-block-image:hover img { filter: brightness(0.7); transition: .3s;} .sqs-block-image:not(:hover) .image-card-wrapper { display:none;} Unfortunately it started behaving weirdly - the hover just works on all images now, rather than on only https://www.aeliaandthecamera.com/branding and text is not displayed while hovering over. Any advices how to make it work properly are highly appreciated 🙂 Many thanks 🙂 A.
  16. Hello! I haven't used squarespace in a few years so it looks like things have changed! I'm finding it to be very difficult to customize many of the templates as they are trying to make it as dummy-proof as possible. With that, they really limit the type of customization for the creator! Anyway.... Essentially, i would like to create a page with about 8 different sections in a grid. Each grid will have a label/button and when you mouse over the text a headline and/or quotes may appear. Is there a capability to do that? Or should i create an image in photoshop and create a gallery where when you mouse over the text, the image with all of my quotes/links pop up? Does this make any sense??
  17. Hi there, Can anyone help me with a code injection for wells gallery pages that can alter the appearance of the cursor when hovering over the left, right and top of the image in the gallery? Currently when hovering over those areas the cursor changes to either left or right arrows to advance to the next image or up to go to thumbnails but I'd like to alter the appearance of those arrows to a custom version for a clients portfolio. Is there a way of doing this in the custom css please?
  18. Hello colleagues, I have been tasked with duplicating a site without access to the original (!). Most of the site is created using standard styling options available in Brine/Heights. But there is one element that I think must be done with custom css. There is a hover animation effect on the buttons that I can't replicate. The standard is for the button to fade a little on hover. The customisation is to make the button go green #20CE9C with a drop shadow on hover. This is the site: https://www.kellerlenkner.com/ Although I can do a little coding I am new to custom css and not sure how to go about this. Please can anyone advise? Thank you Zoë
  19. Hi everybody– I'm currently using the Jasper template with a cover page. The cover page is largely blank, but I have my full name linked to my index page so that when you click on it, it takes you to the homepage. My question is, how do I remove the underline text decoration on my hyperlinked name so that my name can be displayed normally, but still be clickable? Here's my current homepage: I've seen similar posts that give out custom CSS to accomplish something like this... but everything im reading suggests that some cover pages are actually immune to custom css coding, Jasper being one of those themes I believe. Is there any way around this or any simple fix that I'm missing? Thanks!
  20. Hello! I am working in my new web page with the miller-template. I want to share all my product design projects in a gallery collection page named work (https://support.squarespace.com/hc/en-us/articles/208216828-Collection-pages). I want to add a hover effect on these images but the template does not give this option. The codes I found on the internet are not working. Could anyone help me with the custom code?
  21. Hello, Does anyone know how to style text that appears when hover over an image? Using foster template and all I can get is a black strip at the base of the image. Ideally like a white box that sits centred (image attached) with the project name in the box. Website still a work in progress, link here: https://www.franklyinteriordesign.com.au/ Thanks!
  22. I'm looking to add a gif when you hover over text on my site like this https://caterinabianchini.com/
  23. I am running a expo show where i want exhibitors to select their booth to order. Looking for a plugin that allows me to defines areas on the image with hover of price and then let them select it to add to cart. I also looking for the same thing for the attendees to hover the map of booths and see the exhibitor and click for website or at a minimum see the exhibitor name and booth #
  24. Hello, Our site is purplehs.com We would like to have a 7C00BA as the hover color on the header navigation links. What custom CSS code can we inject to achieve this? Thank you for your help!
  25. How can I create an Hover effect with a new image? Can anyone help me, I've tried different Css codes and it unfortunately didn't work. Thanks in advance
×
×
  • Create New...