Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'rollover effect'.



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

Found 4 results

  1. Hi I am currently developing a site and through Custom Css we have applied a colour onto the rollover. We are having problems with the colour showing differently in different areas. For example, in the navigation on the home page the colour renders correctly when you rollover. When you go into a page, Shop, for example, the red is lighter when you rollover. Throughout the site where we have a hyperlink the red is lighter, it's as if it has an opacity to it. The css we are using is: a:not(.sqs-block-button-element) { color: #101820 !important; // standard link color &:hover { color: #9d2235 !important; // hover color } &:active { color: #c1c638 !important; // color link goes when clicked } } The three screen grabs show the darker colour on the nav which is correct and the lighter colour. The thrid shows the lighter rollover when used in a hyperlink. Can anyone help with this or suggest a better method? Thanks.
  2. Site URL: https://www.studiovertime.com/thoughts Hello! I'm trying to create a black and white to color rollover for blog post thumbnails (website very much under construction). I'm using this code that I found on another post in this forum: .no-touch .collection-5d7a891600952e518d49e751 .project-image { -webkit-filter: grayscale(100%); filter: grayscale(100%); &:hover, &:focus { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } I've changed .collection...project-image to section[data-section-id="5ec00d59438c273bae2f3262"]. The rollover works, but because the selector is referencing a section (I'm assuming), the effect is applied to all of the blog posts at once instead of the individual blog post thumbnail. It also includes the text, and I don't want the text affected. Is there a way to do this so that the effect only occurs when rolling over a single blog post at a time? I hope this makes sense! Thank you!
  3. Grid: Masonry - what is the css to change images to greyscale and then on hover to change to color?
  4. Site URL: https://greg-holland-2020.squarespace.com/for-him I want to display image blocks, each with a single rollover image, then I need to display 'prev/next' on mobile and change that to a rollover effect on desktop. I have a work around but it's not 100% there yet and I need help! I will explain below; 1) There are 15 separate images, each with a single rollover image. 2) I need the 'prev/next' controls to appear on mobile only 3) I need a hover state on desktop only 4) This needs to be targeted to one page only, so not site wide. 5) I set the images up as gallery blocks using 'stacked'. 6) I added CSS to create the roll over image PROBLEM If I want to display 'next/prev' I presume I need to use 'slideshow' instead of stacked. I had help adding custom code to remove 'next/prev' (for desktop only) which works, but I need to use 'stacked' for the rollover code to work. Is there a way to adjust the custom code so it allows the hover to work with 'slideshow' instead of 'stacked' I hope that all makes sense!!!! It's the first section of mens rings only below the main banner. https://greg-holland-2020.squarespace.com/for-him pa33word Cheers Claire
×
×
  • Create New...