Jreichenstein Posted February 9, 2021 Share Posted February 9, 2021 I have a gallery grid of images that I'd like to add a "Learn More" button on hover but still displaying the image title below it as the caption. The button can be the exact same for all items since it just has to look like a button since I can use the click-through link on the image for the actual functionality. Any help is appreciated :) Link to comment
Solution Jreichenstein Posted February 9, 2021 Author Solution Share Posted February 9, 2021 (edited) For anyone curious, this is the code I used! .image-slide-anchor:hover{ cursor:pointer; } .image-slide-anchor:hover::before { display: block; position: absolute; content: "Read Bio"; background: #52c2c8; color: #fff; padding: .75rem; z-index:999999; top:40%; left:33%; } Edited February 9, 2021 by Jreichenstein Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment