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 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

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges

Found 302 results

  1. 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.
  2. 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.
  3. 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!
  4. Site URL: https://www.kelseyeaton.com/ Hi! I'm trying to customize my cursor to be a circle that inverts the content inside it. Just like this website: https://www.satupelkonen.com/ (except the whole images doesn't need to be inverted on hover, just what's inside the circle). I found this JSFiddle project that does something similar: https://jsfiddle.net/p1ja0n8r/ But I'm not a developer, and am hoping that someone can explain how to do this like I'm five years old. If it's even possible in SquareSpace? THANK YOUUUU! ScreenRecording.mov
  5. 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!
  6. 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!
  7. 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!
  8. Site URL: https://quiet-conqueror.squarespace.com/ Hi all, Looking for some assistance with 7.1. I am trying to get the title / excerpt on the portfolio grid to show on hover (much like this effect here - http://demo.squarestud.io/grid-gallery-9) Here is what I have tried - /*Hover State on images*/ .portfolio-grid-basic { .grid-image:hover { img { -webkit-filter: brightness(0.4); -moz-filter: brightness(0.4); filter: brightness(0.4); } .portfolio-title { opacity: 1 !important; } .portfolio-title strong { opacity: 1 !important; } } img { -webkit-filter: brightness(0.9); -moz-filter: brightness(0.9); filter: brightness(0.9); transition: all ease-in-out 600ms !important; } .portfolio-title { p { max-width: 90% !important; } white-space: initial !important; text-overflow: initial !important; transform: translateY(-0.5em); -webkit-transform: translateY(-0.5em); -moz-transform: translateY(-0.5em); -ms-transform: translateY(-0.5em); } .portfolio-title { pointer-events:none !important; display: block !important; color: #fff !important; font-weight: 600; font-size: 20px; line-height: 25px; text-align: center !important; padding: 0px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; opacity: 0; transition: all ease-in-out 600ms !important; } .portfolio-title strong { display: block; font-weight: 200; font-size: 15px; opacity: 1; transition: all ease-in-out 600ms !important; } .portfolio-title strong:before { display: block; text-align: center; } .portfolio-title p { padding-left: 10px; padding-right: 10px; margin: 0px; opacity: 0 !important; transition: all ease-in-out 600ms !important; } @media (max-width : 870px) { .portfolio-title { opacity: 1 !important; font-size: 11px !important; } .portfolio-title strong { display: none !important; opacity: 0 !important; } .portfolio-title a { display: block !important; } } @media (max-width : 768px) { .portfolio-title { opacity: 1 !important; font-size: 11px !important; } .portfolio-title strong { display: none !important; opacity: 0 !important; } .portfolio-title a { display: block !important; } } } URL is https://quiet-conqueror.squarespace.com/ Password is squarespace. Thanks so much!
  9. 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!
  10. 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!
  11. Site URL: https://www.kelseyeaton.com/ Hi! I want to add an image reveal when you hover over a text link in a section of my home page like the demo below. I have a business plan, if that helps. I'm not a developer, so if you can explain like I'm five years old how to do this that it would be much appreciated! Haha! I have attached the images that I want to use to this post (titles of images align with the text link they belong to). My Home Page (scroll down to "Selected Works" section for the list of text links): https://www.kelseyeaton.com/ Demo: https://tympanus.net/Development/RapidImageHoverMenuEffects/index2.html GitHub Files: https://github.com/codrops/RapidImageHoverMenuEffects/
  12. How can I make text change color when I hover over it? (not the navigation headings)
  13. Site URL: https://tarantula-lobster-atz4.squarespace.com/ Hey everyone, Is there a workaround for adding hover text over grid gallery images? This is the page I’d like to add it to. I’ve been looking everywhere but no success yet. https://tarantula-lobster-atz4.squarespace.com/project-portfolio the password is TestingSiteBackCountry7992 Thanks in advance!
  14. Site URL: https://conch-armadillo-kf4s.squarespace.com/ Hi, Current site URL: https://conch-armadillo-kf4s.squarespace.com/ I would like the social icons in the top nav header to turn orange on hover like i have done in the footer. I'm using Brine Template. Thanks in advance.
  15. Site URL: http://www.brndnyn.com Hello- So I've been trying to change the transition time for my index titles that go over the images. I'm currently using Avenue as my template. As it is now, the hover makes the opaque color and text appear a little too quick- I'd like to change that to a slower fade in. However, none of the other code I could find for hover transitions worked for this template. I can't seem to find the tag that effects the title. I'm also trying to get my main title and navigation links to ease out when the mouse is no longer hovering, if that's possible. Would love any help! Thanks 🙂
  16. Hi everyone, im trying to figure out how to make text color change from black to blue on my dropdown menu from the header bar when hovered over with mouse but there is not a specific function within the builder for that and i cant seem to figure it out, I am a designer but not very good with coding to be honest. Any help would be greatly appreciated.
  17. Site URL: https://rachelswafford.com/ I've seen a few posts about this, but never the solution to my current issue - hoping someone can help. I'm using Hawley, and I've selected the Hover:Background variant for my homepage. My site is white with black text by default, and when I hover over the different projects, I want the text to ALL be white. I can get the text to be black while on white OR white while over the image, but never at the same time. I've tried every variation of this code snippet I could think of: [data-active="false"] span.portfolio-hover-item-content { color: #000000;} [data-active="true"] span.portfolio-hover-item-content {color: #FFFFFF;} I've tried switching the order. I've tried adding !important (on one, on the other, on both)... I cannot figure this out. Desired inactive and active states below:
  18. Trying to give my "Stacked image layout blocks" a hover effect - having a issue with getting it to work This is the code i´m currently using -> /*HOVER MODE FOR SUMMARY BLOCKS*/ #scale-up .sqs-block-image .design-layout-stack .summary-item { transition: box-shadow .5s, transform .5s; } #scale-up .sqs-block-image .design-layout-stack .summary-item:hover { box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.1); transform: translateY(-10px); } Here is a link to the website where i found the code https://thirtyeightvisuals.com/blog/hover-effect-summary-block-gallery-block-squarespace
  19. Is there a way to have the text on a poster image change when I hover over it?
  20. Hello, I'm trying to do a hover image swap on the background image. I see a lot of resources for swapping images within code blocks but not for background images. I have my working code here, but so far have not been working: [data-section-id="5dadd9923707f45fc260b448"] .section-background { visibility: hidden; opacity: 0 !important; } .section-background:hover { visibility: visible; opacity: 1 !important; } Any help will be very appreciated! Thanks!
  21. Site URL: https://sparkotechengineering.squarespace.com Help Please, Our company > Licences I want to display an image when I hover my mouse button to the hyperlinked text. password customer123
  22. I've seen variants of this question asked on this forum, and tried many of the proposed solutions but am still having no luck on the Avenue Template for Squarespace 7.0. I was trying to use some 7.1 templates but it seems like they removed quite a bit of the Title / Description functionality for galleries? Here's my particular situation: I have roughly 130 images (each image is a different character illustration). I would like to upload and display all of these images to a single landing page, using a single, clean Grid Gallery. Each image has a unique Title (the character's name) and a unique Description (a brief character background, just a few lines), which are added to their respective fields of the Image Settings. I would like for users to be able to hover over a character, and be able to read the Title + Description text displayed over a 90% white overlay on the image. It would be ideal if I could have the text formatting dictated by my Header / Paragraph settings. I'm looking for Custom CSS to help solve this issue. Any advice? I'm also not beyond alternate solutions or templates, if it seems I'm missing an obvious / easy thing here. -- Additionally, these 130 images (characters) each fall into a category (Good, Bad, Neutral, etc.) as well as some tags (location, traits, etc.). What would be the best way to allow users to look at the Gallery Grid of 130 images, but quickly filter to just see, for example, the Good character category? Is that a doable task, or would I have to create unique Gallery Grids for each Category and then create new pages / drop-down items for each? Any help is massively appreciated. These forums have been so helpful over the years—thanks all.
  23. Site URL: https://mollyrees.com Hi! Carousel doesn't have a lightbox option, and I've been searching endlessly for custom CSS to create this option. Is it possible? I heard that it's an option in the Forte template, but haven't seen what that looks like. I have several Carousel galleries on a page and would like the viewer to click through larger images if possible. Even if a lightbox weren't an option, I'd be happy if there were a hover or roll-over effect where hovering over a photo enlarged it temporarily. Kind of like the "genie effect" option on a mac computer when you roll your mouse over the dock. Any way really for the images to become larger if the viewer would like to look at them more carefully! Thanks in advance for any help. My website is mollyrees.com, the page with the carousel galleries is "Editorial" which is a tab under "Photography". I have the page password set to: help!
  24. Site URL: http://www.pamelashardy.com Hi! I am not a front-end dev and would love your help! I want to have a hover state where the existing image changes to another image on hover. Example, black and white image to a colored image on hover. I am using the Avenue template. Any idea on how to achieve it? Please help! Password: notnow
  25. Site URL: https://www.loxd.io/portfolio-2 Hello! I'm looking to achieve a hover effect where once you over a logo image, a background image would reveal itself. I have the desired effect here with the big logotype in the center: https://www.loxd.io/portfolio-2 however it was only achieve by using the portfolio hover styling layout and changing the text link to a logo image via css on 7.1. I think it can be better achieved by css without the use of the portfolio hover styling layout by targeting the background image and an image file but I'm unsure how to style the code along with it being responsive to different widths. Here's a working code that I've been tweaking with no success. .background { visibility: hidden; opacity: 0; transition-duration: 1s; } .logo:hover .background { visibility: visible; opacity: 1; } Thanks for the help!
×
×
  • Create New...