BenWatch
-
Posts
3 -
Joined
-
Last visited
BenWatch's Achievements
Level 2 (2/20)
0
Reputation
-
Replace/change image on hover for Project pages in portfolio
BenWatch replied to a topic in Customize with code
That worked perfectly, thank you! -
Replace/change image on hover for Project pages in portfolio
BenWatch replied to a topic in Customize with code
Hey I tried using the CSS provided above and it works but the hover image isn't confined to the width of the wrapper. What am I doing wrong here? Here's the code I used from above: /* Change image on portfolio item hover */ a.grid-item[href="/work/anxiocalm"]:hover img { visibility: hidden; } .grid-image-inner-wrapper:after { visibility: hidden; } a.grid-item[href="/work/anxiocalm"]:hover .grid-image-inner-wrapper { background-image: url(https://static1.squarespace.com/static/607f2d7caeff013b864be14f/t/6081c16961f7c44a415b5cb6/1619116393840/anxio-car-hover.png) !important; }
