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


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


Expert ID

  1. 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 construc
  2. 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/
  3. 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");
  4. 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/
  5. 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
  6. 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
  7. 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%); }
  8. 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 bibe
  9. 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!!!
  10. 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.
  11. 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
  12. Hi! I'm trying to add a color overlay and text overlay on hover/rollover of the gallery grid image links on the homepage of my Bedford template portfolio site. I am familiar with custom CSS, and have been using it on my portfolio template, however I can't figure out how to make this happen. Here is a link to my site: www.scoutstud.io Here is an example of the hover effect I want to achieve: http://danielfuhrerdesign.com Any advice would be greatly appreciated!! Bethany
  13. To either define a word or phrase, say a brief description, or introduce a new concept that isn't common knowledge, I want to add this as a feature that Squarespace already has on their own Help Articles. I would assume this would take Javascript to pull off, but my knowledge is limited. There are several of these unanswered questions on this forum, so I'm just adding myself as another voice for the desire to be able to do this. Thanks in advance for any pointers!
  14. I think this effect is possible with images on a grid but can't find out how to do it on individual images on homepage
  15. Say for example there would be a list of text on the site: CatsDogsElephantsPigsKangarooBear When a user hovers over one of these then on the right hand side in the same location an image displays. Therefore, a user could move their cursor down quickly and see cats/dogs/elephants etc in the same spot in quick succession.
  16. Any ideas on how I can have the hover text be positioned at the top of the block? Thanks so much in advance!
  17. Hi there, the only tricky thing here may be that my navigation text changes color depending on if you are on the homepage or another page. It goes from white on the homepage because it's over a full-bleed image to black on any other pages. I would also like any links that I add to my About page or Journal to automatically be underlined when hovering. This is all black text. Thank you so much! I am such a newbie and don't know much CSS. I have tried so many things thus far. **I am using the Camino template
  18. Hi! I want to create a color hover effect on my thumbnail images. When the cursor goes on the image, I want the color to change. This is my website: https://www.gabcyriellenutrition.com/ I want an effect similar to this website: https://www.motherofchunk.com/main-blog-page Thank you for your help!
  19. The navigation on my site is moving to below the header when I hover over PROJECTS. This is only happening on Chrome, not Safari. It happens even when I remove all custom css from the page. Site is here: http://www.sladearch.com/featured/ I currently use the following css to change my topNav, but the problem remains even when I remove ALL custom CSS. #header #topNav nav li a { font-family: 'proxima-nova'; font-weight: bold; color: black; margin-right: 30px; top: 20px !important; } #header #topNav nav li a:hover { color: grey; margin-right: 30px; font-family: 'proxima-nova';
  20. I'm trying to achieve an effect like this: http://www.amysherald.com/ With text that appears on a grey gradient on rollover on the main Ishimoto gallery. I found a couple pages that describe how to do this, but on the above website the gradient covers just enough of the image to make the text easier to read. The gradient changes size depending on what text is displayed on the image. I haven't seen anyone describe how to do that, can anyone help me figure it out? Thanks!
  21. I'm trying to create a hover effect like this: one image will be displayed, and when you hover there will be a different image, and it goes back to the original image on mouse out. I figured out a way to switch the images using Markdown (eg below, minus brackets) img src="https://static1.squarespace.com/static/5c4176385ffd20a4ddf6fb6b/t/5d1f8e31f92b0b0001548095/1562349114073/5D3B0141.jpg" onmouseover="this.src='https://static1.squarespace.com/static/5c4176385ffd20a4ddf6fb6b/t/5d1f8e41f92b0b0001548148/1562349129885/5D3B0142.jpg'" onmouseout="this.src='https://static1.squarespace.com/static/5
  22. If I had a bullet list like the following: Product A Product B Product C Product D Is there a way, that if a visitor hovers with their mouse or the touch of their finger on a mobile device will popup a floating window with additional text description?
  23. Apparently this works if the phone is turned horizontally or on an iPad. I'm using the Bryant template. I'm looking for code that I can enter that will make this work. https://okra-leopard-83xz.squarespace.com/new-homes
  24. I have asked SS support if there is a way to add popup on hover to a Gallery Page on Ethan template and answer was no, only Lightbox (which I dont want). Thus the recommendation was to source a 3rd party plugin or write custom code. Can anyone suggest easiest / best solution here? The gallery page has a series of 5 icons, I want them on hover to provide a popup with text and a link to another page. Ideally to look like this G Suites as reference: https://gsuite.google.com/features/Under Connect, hover over the Gmail icon: Please let me know know if you can recommend 3rd party plugin or h
  25. Hi everyone! I'm trying to create a gallery with hover over text effects similar to these websites: https://www.ballphotoco.com/portfolio/) https://tecpetajaphoto.com/portfolio/ I currently have the Bedford theme. Is there any way to make this happen? Best wishes,Lauren
Ɨ
Ɨ
  • Create New...