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

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

  1. I have placed alternate images within my product descriptions, and on the product/shop page itself, this works great, having the images swap on hover. However, I'd also like to place selected products on the homepage directly (using a product block) and I would like the same effect of the image switching upon hover. Is there a way to do this with css? There would be 3-5 images on the same page (index page) that I'd like to do this with. I can't give you the url at this point, as we've not yet gone live. Help?
  2. 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?
  3. 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!
  4. Hi, I've put a Slideshow Gallery at the top of an Index Page in the Brine template. It has three images that transition. By default when the mouse hovers over an image the slideshow pauses and you cannot prevent this automatic pausing without a code injection. I would like the slideshow to continue on mouseover however I still need the website visitor to be able to press a gallery dot/arrow indicator or press a 'Call to Action' link in the image content body text. How can this be achieved? The code below prevents the index slideshow pausing on mouseover but it also switches off all mouse pointer events... /* Index Gallery Slideshow - prevent pause on hover */ .tweak-index-gallery-layout-slideshow .Index-gallery-wrapper { pointer-events: none!important; } .tweak-index-gallery-layout-slideshow .Index-gallery-wrapper .Index-gallery-control { pointer-events: auto; }
  5. I'm looking to add a gif when you hover over text on my site like this https://caterinabianchini.com/
  6. 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!
  7. 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 #
  8. 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!
  9. 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.
  10. Is it possible to have a hover state for a logo in the header? My logo says the word "apple", and I want when the mouse hovers over it to swap out for an icon of an apple. Additionally would it be possible to do this for multiple elements in a single logo? i.e. if there was 3 words and hovering over each word would change its state? At the moment I'm just using an animated gif which is fine, just not as clean as I'd like. Thanks!!
  11. I'm using the theme Jasper and on my project thumbnail blocks (on homepage) I'd like still images that when you hover over a video plays. Is this possible? Thank you Kieran
  12. 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
  13. Hi all, Im using the Carson template. Im currently working on my website however im stumbling into a problem. I want to enlarge this area (see picture). When I hover on top of the white dot you see the text (commercial reel), Currently the area is as big as te blue square. Is there a way to make this the size of the green sqaure? (I made the squares in photoshop). Looking forward to your answers/suggestions!
  14. Hi! I'm trying to code an index page's images to all be greyscale until you hover or mouseover them. Is this possible? I feel like this is a fairly simple fix but I can't figure it out looking at the inspector.
  15. I am trying to have an image swap with another image on hover. This is my code: #yui_3_17_2_1_1573589440099_107 { background-image: url(https://static1.squarespace.com/static/5c6d99dā€¦/t/5dc91c4ā€¦/1573461074565/marks_thumbnail.png); background-size: 646px 470px; } #yui_3_17_2_1_1573589440099_107 img:hover { opacity: 0%; } When I use this within Chrome developer tools (right-click>inspect) in the style/css section, it works like a charm. But inserted into the custom CSS section of Squarespace, nothing happens. this is my website: https://www.mrndacreative.com/
  16. Hey guys, im using the template "york" and on my gallery page i want the caption to overlap on my gallery picture. Like on my Screenshot, but WITHOUT the white background box anround the text, just the text hovering over the picture. Is this possible? thanks!
  17. Hi! I am using the Flatiron template and have an index "gallery" on my homepage. I am looking for a way to change the thumbnail image to a different image when you hover over it, instead of displaying the title like it currently does. This is the page for reference: https://kristen-mast-12ak.squarespace.com/ Example of what I am trying to achieve, where the image changes upon hover: https://bravorocks.myportfolio.com/projects Thanks! -Kristen
  18. could some of you Squarespace wizards help me remove the line under my linked text. You will see from my homepage that it effects the aesthetic quite a lot and i'm unsure how to solve the problem... www.industry-studios.com i would like to remove this underlining site wide and if possible replace it with a colour fade. any help would be great!
  19. Hi, First, I'm new on Squarespace so my quetsion is maybe dumb, sorry for that:). I'm using 7.1 version and would like to use use some overlay text (text shown after hover) on images without using the portfolio display. Actually I'd like the same effect as "portfolio overlay grid" but with single images or galleries (so I can arrange the images as i like and link them to other url's than just the unique urls of the portfolio). Do you know if this is possible? Thank you!
  20. I had originally asked this question years ago (here): https://forum.squarespace.com/topic/79514-css-for-rollover-effect-on-image-block-poster/#comment-121074 The selected answer worked really well for awhile. Although it appears the coding has changed and this css blocks the link from being selected. I have tried altering the css any way possible, but I can't seem to target the issue correctly. I had originally thought the z-index may be the issue but targeting the link and changing it's z-index didn't fix the issue either. Any help would be greatly appreciated!
  21. Hello! Does anyone know what Custom CSS I should use to have the titles on the blog page change color on hover? This is the page I want to work on https://mastercarsreview.com/reviews Thank you in advance!
  22. I'm having trouble with changing the active & hover color for a secondary navigation folder. For the primary navigation the active/hover color is red - hsla(0, 82%, 42%, 0.77) but the secondary navigation style is a button which is red with white text. I managed to correct the active color with the code below but I would still like the hover color to be red for the drop down folder items. .Header-nav--secondary .Header-nav-folder-title--active { color: hsl(0, 0%, 100%) !important; } Here is the website: https://gardenia-oboe-ap5s.squarespace.com PW: viewsite Any help is appreciated!
  23. Using the Brine template and have alternate image on hover functioning on the product pages. I would like to replicate that alternate image on hover function on the quick view on the home page. I have the page set up with the product page inserted, but it looks like the hover function with need a custom code. I didn't find a solution in a search. Any help would be greatly appreciated! Thank you!
  24. I was wondering if anyone would know how to add text when hovering over an image in the Wells Template? When using the set Gallery page, there is (by default) a very faint overlay applied to the image. I would like to be able to add text to this (in the centre of the image), and possibly increase the opacity of the overlay (as it is barely perceptible). See below for an example of a Wells Gallery page: https://www.squarespace.com/templates/wells I don't mind if the CSS only applies to image blocks, and it would be great if the image could be clickable as I am hoping to construct an Index-type page, due to the fact that the Wells template doesn't include that function. I'm very much a noob when it comes to CSS, so please bear with me! Any help would be amazing šŸ™‚
  25. Hello, As you can see on my website when you hover over 'coffee stories' the word 'shell' appears. For some reason this appears underneath my thumbnail image but instead I would like it to replace the image. How can I do this? Is there a way to make the original image disappear on hover at all? I want to do this with all the thumbnails but have just started with one. Thanks, https://greyhound-keyboard-sa3k.squarespace.com/
Ɨ
Ɨ
  • Create New...