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. Site URL: https://echidna-gardenia-fcb4.squarespace.com/ I was wondering if there was a way to disable an image click-through while still keeping the hover effect? This is for a specific image on my site. I have set pointer-events to 'none' which disables the link, however removes the hover text. I can make the hover text visible again using the following code, however this is fixed in place on the image and the 'hover' effect is disabled. Is it possible to set pointer-events: none but keep the hover? Code: a.grid-item[href*="/comingsoon"] {pointer-events: none; } //
  2. I'm currently trying and failing to add a hover state to my summary block carousel(7.1). Id really like the title and date to appear on hover over the image. Ive seen it done on other square space sites with CSS, but need some help. Assistance would be greatly appreciated. Thanks!
  3. Site URL: https://www.simoneaves.com/home-reshaped-gifs Hi https://www.simoneaves.com/home-reshaped-gifs As I hover over my images they supposed to instantly reveal .gifs, however they are loading excruciatingly slowly. I assume it's because the hidden gifs are not loading as the page loads. I cut all the gifs down to <4.5mb (most are around 3mb), and I based this on a similar website in which the gifs are all around 5mb and function in the same way. How can I get the page to load faster? Cheers!!
  4. Hello all, I'm trying to add an image hover effect on my 7.1 website. It uses a grid: strips gallery on the homepage, however I can not get any CSS to complete the hover effect. Do I need to publish the site to see the actual hover effect or will it show in the editing menu? I would like to have a similar effect to this website, but with a whiter overlay hover. https://samuelelkins.co/ Thanks !
  5. Site URL: http://www.labtex.com.tw hello, I would like to have an effect that when my mouse move over to the text, the subtext will appear on the right side. So as below example, when my mouse move over to my text(comfort 100), the description will show on the right side(100-200gsm w/ spx) Wondering if it's making any sense? Appreciate for help~ Comfort 100 ---> Comfort 100(100-200gsm w/ spx)
  6. Hi There, I'm looking for some Custom CSS so the hover image for a product is not the second image uploaded. I would like it to be a completely different image that isn't in the product images for that product. Much appreciated!
  7. Site URL: https://www.eddiefieg.com Hi! I'd like to simply remove the hover effect on my social icons and my button (in my site's footer). I've tried some CSS solutions and they're not doing the trick. Little help?! Thanks! Here's my site: eddiefieg.com
  8. Site URL: https://www.maartenrots.nl/slideshow-test Hi there, I'm using Brine (Moksha) and want to modify the hover effect on slideshow gallery images. I have found some CSS code that helps me change certain things, but I am not getting to the result I have in mind. I would like the hover effect to cover the full image, instead of just a small area in the center. It will have to remain clickable as it will link to a page on my website. On mobile devices I would like the title and description to appear below the image. I am testing this on the following page: https
  9. Site URL: https://www.itsnicetohearyou.com/ Hi! I am trying to figure out how to change the word in my navigation when someone hovers over it. For example, when someone hovers over "instagram" and it turns red, I also want it to turn into the instagram handle (@itsnicetohearyou). How to I change a word on hover? Thank you!
  10. Site URL: http://www.tsvetienlow.com/portfolio I am having issues with the default image opacity applied to images on the portfolio hover feature. (screenshot attached) I found multiple threads that articulated the same issue I am having, and the custom CSS provided as a solution isn't working for me. I've added the custom CSS in Home > Design > Custom CSS, but the issue still persists. Has anyone else had this issue persist? Any solutions/ideas you'd recommend?
  11. Site URL: https://corn-sphere-9exs.squarespace.com/ Hello, I'm using Image Card blocks as links. I set the image itself to be the button, so I set 'Image Link' to 'On Image' in the Design tab of the image block. I then set a hover effect which changes the image to grayscale with the following code: .image-block:hover img { filter: grayscale(100%); transition: all .2s ease-in-out; } This works fine, but the image goes to greyscale whenever I hover on any part of the Image Card - so even if hovering over the title or paragraph, the image is still on hover. I'd like to
  12. hello, i'm having trouble adjusting the width on my dropdown menu. i want to decrease the width because it looks weird especially when i over over a specific item on the dropdown menu. i have tried numerous codes but no luck. can someone please help me with this issue? (attached screenshot of website dropdown menu below; i had my mouse hovered over the "video shoots" link when i took a screenshot) i don't remember what theme i had originally started with but i think it might be brower.
  13. Site URL: https://www.jaxmariephotography.com Password: fbla2020 Hi, I'm having a bit of trouble customizing the fill of the text in the dropdown menu. There are 2 pages that have dropdowns, the "Portfolio" page and the "Contact" Page. When I am not in one of these pages and I am looking at the dropdown menus, everything works fine and each tab under the dropdown is highlighted (black background and white text) as I want it. However, when I am in one of these pages with a dropdown and I try to navigate to the other tabs, the white text becomes greyed out like a hyperlink (as seen in the
  14. Site URL: https://orange-beagle-9jfc.squarespace.com/ Good morning to you all, I'm a newbie to Squarespace and I'm sorry if this question has been asked before or if the answers can be found in this forum already - I couldn't find it. I'd like to have linked text or headings in the text to change colour on hover. The default in 7.1 seems to be that the links are underlined. I've managed to get rid of the underline but couldn't manage to change colour. Does anyone know how I can fix this? Thanks in advance for your consideration! Matt
  15. Site URL: https://aztecmotelpn.squarespace.com Pasword: studio@aztec I have a scroll box on my home page, but I want to see the scroll bar at all times so people know its a scroll box. How do I do this? currently the scroll bar only appears when you hover over.
  16. Site URL: https://www.simoneaves.com/home-reshaped-gifs Hi I'm trying to create a portfolio page with rows/columns of jpg images which, on hover over, reveal animated gifs. These image/gifs are also need to be links to other pages on my site. I've added both the static and dynamic images to my custom files. But CANNOT work out how to do this! https://www.simoneaves.com/home-reshaped-gifs Please help! Simon
  17. Site URL: http://www.alphamalevisuals.com/music-videos http://www.alphamalevisuals.com/music-videos On my website, I currently use an image block as a thumbnail for my music videos. They click the thumbnail and it takes them to the page to watch the music video. Upon hovering (or rollover) over the image block, I'd like for it to swap to play a .GIF when hovering over it. Or maybe play a small video clip if possible? I've looked on the forums and seen other people ask similar questions. Some said something about custom CSS but when I try to copy and paste that code, it does n
  18. Site URL: https://www.aestory.com Hi, I'm having difficulties with creating colour blocks on image overlay. I found code and entered it in the injection custom css of the page (aestory.com/explore) which worked but doesn't on an other page (aestory.com/stories). It worked for a moment but the code I used affected both pages. I want to create colour block when hovering on an image (poster, for example) on two different pages (two different colours). Thanks in advance!
  19. I created an image of this pink underline and want my navigation links to underline with this image when hovered over and while active. With my current Squarespace template, I can't even get my navigation links to be underlined when I hover over them.
  20. Hi there, I'd love to use the `flex` animation on my site as the elements load in. However I dislike how it also applies to my button's hover state. I'm trying to figure out how I can remove the `flex` animation. I inspect the CSS and try to override it using custom CSS but in vain. Anyone has any ideas how to do it? Cheers, Venn.
  21. 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!
  22. 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;} .n
  23. Site URL: https://www.mano-nina.com Website: https://www.mano-nina.com Password: sqWebsite!21 Hi! As you can see on my website the hover turns into grey. But I would like to change each hover in a different solid color. For example the first one at the left into the yellow background color. The second one at the right into a beige solid background color, and so on.. Does someone knows a costum CSS for this? You would do me a big favor because I cannot figure it out.
  24. Site URL: http://www.fabionlus.it hi, sorry I am not an expert My site is www.fabionlus.it I would like insert a new cover-page with my logo-image (file attached) with an image-map with link in every different color. Also I would like an effect with the mouse when hover over the image link. So I have two problems: 1) can I have a cover page with code html or css ? where is the place to insert the code? 2) I already created a page with an image-map (www.fabionlus.it/organigramma), but I don't know the code to insert for an animation when the mouse hover the link. How
  25. portfolio 7.1 site mobile view on portfolio page hover overlay text does not appear whatsoever - I really need this text title to display on touch screens mobiles upon scrolling or selecting -how may i fix this? please take a peek at the portfolio page on any mobile view www.nadinenorman.com/artwork sincere thks to anybody who may be of help - nadine
  • Create New...