Fulleren Posted September 8, 2020 Share Posted September 8, 2020 Site URL: http://www.renfuller.com I've put in custom CSS to make the titles on my Poster-Blocks appear on hover. www.renfuller.com/projects This code works great, however, on mobile, the text remains fixed and will not appear on hover. Anyone know a workaround? @media only screen and (min-width:640px) { .design-layout-poster .image-card-wrapper { visibility: hidden; opacity: 0; transition-duration: .5s; } .design-layout-poster:hover .image-card-wrapper { visibility: visible; opacity: 1; background-color: hsla(192, 67%, 0%, 0.4); } Link to comment
sofiawilson Posted September 8, 2020 Share Posted September 8, 2020 Do you know the code for gallery grid? Link to comment
Fulleren Posted September 8, 2020 Author Share Posted September 8, 2020 I don't know what you're looking for, but the answer might be in this video - https://www.youtube.com/watch?v=lUt8piDqEx4&list=PLiDMYS-a3wOibbU-RWY4TBn0NMWJZEOqf&index=14&t=0s Link to comment
tuanphan Posted September 9, 2020 Share Posted September 9, 2020 I see you solved. Do you still need help? Can you provide the code for other members? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
dantong Posted October 26, 2020 Share Posted October 26, 2020 Hello - did you find a solution to this? have the exact same problem. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.