Printique and the default hover on the grid

mbaydesign · August 11, 2022

Site URL: https://grape-shallot-axh7.squarespace.com/prints

This site has not yet been published - but password is GraciousPony.

I'm on 7.1.

After integration and sync, realized that on the grid, the default product type that displays on HOVER on many of the products just doesn't look good. Since it's unlikely the default can be changed - unless it can be changed to a specific product type - I'd rather have no hover at all.

If the default product type for the hover can be adjusted that would be great, but otherwise, is there a javascript that can disable the hover on the https://grape-shallot-axh7.squarespace.com/prints page?

Grateful for expertise!

Debbie

mbaydesign · August 11, 2022

Sorry, this should have gone into Coding and Customization... Moderators, can my post be moved?

Edited August 12, 2022 by mbaydesign
ask to move post

tuanphan · August 13, 2022

To disable hover, you can add this to Design > Custom CSS

img.grid-item-image.grid-image-cover {
    opacity: 1 !important;
}
img.grid-item-image.grid-image-hover {
    opacity: 0 !important;
}

mbaydesign · August 13, 2022

Fantastic! I knew you'd come through, tuanphan! That worked great!

Thank you!

I wonder if you could take a crack at the other post I added to Coding & Customization? Thanks!

Printique and the default hover on the grid

Recommended Posts

mbaydesign

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

mbaydesign

tuanphan

mbaydesign

Create an account or sign in to comment

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources