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
    • 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. I am using the Bedford template and I would like to change the "caption overlay on hover" feature so that the overlay covers the whole image, the whole image is clickable, and I can customize the colors of text and the overlay itself. The default "caption overlay on hover" style is a small transparent gray bar that overlays the very bottom of the image. I searched everywhere for a cohesive snippet of custom CSS code, and while there are several partial answers, I have yet to see something that covers all of my wish list. I'll keep tinkering and report back!
  2. Site URL: https://point-rhino-wlwc.squarespace.com/keynote-speakers Hi, I have been building this site and I'm struggling with one particular section. If you scroll down to the image grid I basically want it how it is with the hover and transition but on larger screen sizes there is a cut off on the overlay. Please can you advise me on a simpler way to do this? https://point-rhino-wlwc.squarespace.com/keynote-speakers Password 7mJZqnZWtATh84H6 Thanks you!
  3. Hello there πŸ™‚ I hope all is well, i'm trying to create the Colour effect on hover (with adjustable opacity) - image block (Poster) every time i try this with various codes iv'e found, my button link stops working !!!! Any help or a simple code for this would be much appreciated, my site isn't live yet .. .... many thanks
  4. Trying to darken the opacity when I hover over images on my portfolio site. Currently the opacity is too light and my title text doesn’t mesh well with my images. (See attached screenshot - Drew League example). Possible to do so? Any help is much appreciated!
  5. Site URL: https://www.samdanan.com/ Hi everyone! I'm working on a portfolio website right now, and I am using a portfolio page to house some projects. I want to use the "hover: follow cursor" effect, but one thing I'm having issues with is the type size/leading on mobile vs desktop. Here is the desktop, which we are liking: vs the mobile: On mobile we feel like the line's are too spread out to read clearly, but when we close them up it adjusts the desktop too and makes them too close together. Ideally we would love to decrease the type size and spa
  6. Site URL: https://www.alexandriaslens.com/ Specifically, when I hover over any link on my homepage the entire page gets overlaid with a solid color. I would like to remove that and simply have the links become underlined without any change to the background. Any help is greatly appreciated!
  7. Site URL: https://www.y2ksavvy.com/ I would like to change the colour of the text when I'm hovering the blog titles on my home page. For example, when I'm hovering "Kero Kero Bonito release..." the text changes into yellow. What can I add to custom CSS? At the moment I'm using /* Page content link color */ #page a:hover { color: But it changes all the links but I only want the blog titles to be changed. Thanks in advance.
  8. Site URL: https://nolan-jones-c4ap.squarespace.com/new-page-2 I've added a Gallery Block to my page and have linked subpages for some of the thumbnails. I would like to add a hover state for the thumbnails that have subpage/clickthrough URLs, and no hovers for the thumbnails that don't have a subpage/ clickthrough URLs. Has anyone done this before? Also one thing I've noticed is the subpages don't have a bottom navigation. User can't get back to the Gallery Block or go to another subpage within the gallery block. Is it possible to add a bottom navigation? Would love any insights her
  9. Site URL: https://www.kaurinart.no/maleri/akryl Hello Have a problem with the autocrop i Squarespace. If you check out the link https://www.kaurinart.no/maleri/akryl you can see that some of the images when hovering over the products are cropped really bad. Is there any code I can use to fix this? Thanks!
  10. Site URL: https://www.randvisuals.com/portfolio Hey , I'm fairly new to squarespace so I appreciate any help that I can get. I've been trying to figure this out this past weekend, but no luck 😞. I want to resize the hover text to make it a little bit larger and easier to see. Also, I'm trying to add my logo the left side of the footer. Every time I post the logo, I can't seem to resize it. I even tried resizing it in photoshop and re-uploading, but no luck :(. https://www.randvisuals.com/portfolio
  11. Wondering if this is possible in Squarespace: http://jsfiddle.net/edelman/QDb2c/ Unsure how to target specific words. I'm using the Marta template. Thanks!
  12. Site URL: https://gentlewisdom.squarespace.com/ Hello, I added some custom css to have an overlay appear upon hover of my image (attached screenshot). The caption text links to another page on my site. If the user clicks anywhere on this block I want it to link to the page, but right now only the text is linking despite adding a clickthrough URL on the image options window. I'm pretty sure this is because of the css to display a colored overlay over the image upon hover. Is there any workaround to get the whole overlay or image to link? Or is this just an either/or situation. Thanks for
  13. Site URL: http://francisleclerc.com Hello! I would like to change the hover effect on the homepage images for my website which is using the Jasper template. I would like for the images to change to a single color when hovering over. Each images would have a different color. If anyone could help it would be greatly appreciated! Thank you!
  14. Site URL: https://seal-oriole-3n7r.squarespace.com/ Hi folks, I would like to apply this effect (image over text hover, I don't care that much about the image distortion) on the landing page https://tympanus.net/Development/SVGImageHover/index3.html and I am unable to. I tried it with the code block but it just doesn't happen. I'm just a beginner with code. Any idea? Thank you in advance PASSWORD: thankyou
  15. Site URL: https://herring-flower-lwt9.squarespace.com I know you can make the background a video and photos appear when you hover over the text. But is there a way to make it so when you hover over the text a video appears in the background? Site password: 5h9a;4#8la
  16. Hi there, I'm wanting to add a cool mouse over effect when you hover on the images on the 'work' section of my site - heres the link to this section of the site: https://chipmunk-turbot-3bw7.squarespace.com/general-4 The kind of effect I'd like to add like the 'liquid' effect which you seem to be able to add to some images on squarespace or like the mouse over effect on this site's images https://www.hellomonday.com/. I'd only want that effect to be activated when the mouse hovers over the image. I'd also want to maintain the 'slide up' animation when the images initially load onto
  17. Site URL: https://www.annawasson.com/ As you can see on my site, when you hover over each portfolio image on the portfolio grid, there is a transparent black overlay with the caption. I have been tinkering with custom CSS to make the overlay a solid color (light blue) with the caption when you hover over it, but I can't seem to make the opacity completely opaque on hover. Let me know if this is possible.
  18. Site URL: https://robin-dog-9spw.squarespace.com/config/ Hello I'm trying to make images appear when hovering over text links. is a anyone available to help please?
  19. Site URL: https://www.josegallegosnieto.com/ Password: help --- Hello! Recently I applied the following code to change the color of text links on my site on hover. #page a:hover { background-image: linear-gradient(to right,currentColor 100%,currentColor 0); color: grey; } This works perfectly, changing my links to this appearance on hover: My problem is that this also applies itself to my portfolio-hover-fixed block, but as a background color. I need a way to exclude the portfolio block from the code mentioned above. In other words, I want that code
  20. Site URL: https://scaacquisition2020.com pw:1234 This is making me nuts. I need to remove the image overlay that appears when you hover over the portfolio links on my homepage. There is no setting within the design color editor and I've set all "image overlays" to transparent just to be safe but still can't figure out what the CSS should be to remove this annoying default setting. EDIT: Here is the correct CSS for anyone interested .portfolio-hover-bg-overlay { display: none }
  21. Site URL: http://sophie-m.co.uk Hello, I was wondering if there's a way to add hovering titles over index images that follow the cursor when it moves. Example: https://carolinedussuel.com/ (I'm using flatiron) Thank you
  22. Site URL: https://www.thefirst.vc/portfolio Hello, so i created image overlay effect for my portfolio page complete with custom css. It is working perfectly fine on desktop browser (https://www.thefirst.vc/portfolio) but its completely not working for mobiles. Can anyone suggest what can did i do here? How can i make this responsive? Code: <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <style> .flex-container { position: inherit; display: flex; } .img1-wrap { position: r
  23. Site URL: https://redplayback.uk Hello, Please could someone help. I have and image in the lower right corner of my footer. It has a link attached and would like it to zoom slightly on hover. I have tried some scc , but didnt work. Thanks.
  24. Site URL: https://www.endofanear.com/ Hello, How I can I implement a black 3px border when hovering over product images on the shop page? I just can't figure out the code on Squarespace. Also, how might I be able to add a small drop shadow to product images, as well? There's a whole bunch of different shop pages, but here's one: https://www.endofanear.com/jazz Thanks! πŸ—Ώ
  25. Site URL: https://yardbirdrestaurant.com/ Hi, I have tried lots of different code I have found online but it still doesn't appear to be working. I am trying to get the hover colour of the buttons across all of the site and newsletter sign up buttons (including the header and footer) to turn #AF1D00 and keep the white text. Please could someone help! It would be greatly appreciated! Many thanks, Lily
  • Create New...