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

  1. I'm looking to add a gif when you hover over text on my site like this https://caterinabianchini.com/
  2. 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 #
  3. 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!
  4. 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
  5. 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!
  6. 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.
  7. 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/
  8. 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!
  9. 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
  10. 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!
  11. 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!
  12. 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!
  13. 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!
  14. 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!
  15. 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 šŸ™‚
  16. 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/
  17. Hello, Does anyone know how i would replace a thumbnail image on hover? Each image will replace one of exactly the same dimensions. I have tried the following: #projectThumbs a[href="/summer-of-sport/"] img:hover { background: url("https://images.squarespace-cdn.com/content/v1/5da08b90cec702042e7bd75b/1571842245151-X71IZHOCMO4NWBYCFDQX/ke17ZwdGBToddI8pDm48kBnsafcbTaEy0qOizt2WQ9p7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0hKSnD_p9gN_SPga0QCfUjWrQnhO0xA8lZ7BDb1h3OEMwxfqOlkhHMTRjErZ5TgWHQ/Tower+bridge+hover.png"); background-size: 100% !important; } But it seems that the hover image then sits behind the original but I need it in front of it. Can anyone help? Thank you https://greyhound-keyboard-sa3k.squarespace.com/
  18. Hello, I would like to underline each individual menu item when you hover over it. What CSS would I use to do this? I may also want to keep it underlined when that page is active. Please could you pass on the CSS for this also. Thanks, Liv https://greyhound-keyboard-sa3k.squarespace.com/
  19. Hi! Is there a way to create a similar style effect: https://nicolainiermann.com/ U want to randomly place text on my homepage en the background has to change when I hover over it! Thanks in advance! Kamiel
  20. Hi everybody Im using the Hunter template and trying to create a linear gradient over my gallery grid images with a hover effect as well. I can seem to get the hover effect to work, although only to some extend, but have had no luck creating the correct code for the permanent gradient. Im going for the same gradient effect as on this website https://plusdevelopmentgroup.com/ My code looks like this at the moment: img.thumb-image.loaded:before { content: ''; display: block; position: absolute; height: 85%; width: 100%; bottom: 0; transition: height 0.5s ease-out; background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0, 0.7) 100%); transition: background 1s linear; transition: linear-gradient 0.5s ease-out; opacity: 0.5; } img.thumb-image.loaded:hover:before { height: 100%; opacity: 0.5; transition: opacity 0.5s ease-out; }
  21. Bedford template. Iā€™m using image blocks that have the overlap, collage, and card design applied to them. I found this code that makes the whole thing grayscale and when you hover, it goes back to color. However, I only want this affect to be applied on the images and not the headers, subtitles, and buttons. .image-block { transition: filter .3s ease-in-out; filter: grayscale(100%); } .image-block:hover { filter: grayscale(0%); }
  22. I have a client that wants to display a certain image based off whichever text they are hovering over. So we have 3 divs (apartments, lots and townhomes), when they hover over "Apartments" an apartment image would show up on the side. When they hover over "Lots" a lot image will appear in the same position. Also important to note is that there would be a default image in this same position before the user hovers over any of the previously mentioned divs. Please enlighten me on what I'm missing! CSS: HTML: Apartments REVISE 9/20 Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Sed a ligula quis sapien lacinia egestas. Vivamus a ante congue, porta nunc nec, hendrerit turpis. Lots REVISE 9/20 Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Sed a ligula quis sapien lacinia egestas. Vivamus a ante congue, porta nunc nec, hendrerit turpis. Townhomes REVISE 9/20 Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Sed a ligula quis sapien lacinia egestas. Vivamus a ante congue, porta nunc nec, hendrerit turpis.
  23. Hi! So I am trying to change the hover color per link. To be more specific, if you go to my website rickytimmermans.com and hover over Photography and see the sub-categories {portrait, scenery, etc.}, I would like a different hover color per line. The CSS code I found through @Paul2009 was : a:hover { color: white!important; background: black; } So instead of doing black for the sub categories, I want to do other colors. Anything would help. Thank you!!!
  24. I'm working on a site using the Tremont template see here I would like to transfer the mouseover effects of the index-navigation and apply these to the main-nav at the top right of the screen so as when you hover over the menu items they change the background video/image see here. I have achieved a similar effect on other projects but am having difficulty with 1. targeting the background video and 2. placing the images I wish to replace it with. Thanks in advance, any help would be greatly appreciated as I've been battling with this one for too long.
  25. I'm trying to add a hover effect on image blocks (in Brine.) I've seen a number of possible ways of doing something like this on this forum but I can seem to fiddle with them to get the desired effect. What I'd like to do is, upon hovering, I'd like the image to fade into a certain colour (2780bc) and have white text over it, heading 2 and, if possible, heading 3. Is this even possible? Any help would be great, O
Ɨ
Ɨ
  • Create New...