JTeich Posted February 5, 2020 Share Posted February 5, 2020 I'm trying to customize my gallery blocks. I already decided to go with a gallery block (and have the actual gallery not indexed) because it seemed to be closer to what I was looking for. The last piece is making my gallery blocks, like this one here https://www.caroline-shenaz-hossein.com/places-gallery-page have a nice mouse over with white text and a dark background like my actual gallery like this one https://www.caroline-shenaz-hossein.com/places-gallery I hope this makes sense. I managed to only get the title (and not the subtext) to have a background, and i lost the mouse over feature. Thanks so much guys. Link to comment
tuanphan Posted February 6, 2020 Share Posted February 6, 2020 Add to Home > Design > Custom CSS .meta-inside:hover { cursor: pointer; } 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
JTeich Posted February 12, 2020 Author Share Posted February 12, 2020 .meta-inside:hover { cursor: pointer; } Ok, that doesn't seem to work. There's got to be something missing. Like a div id or class? Looking at the code for the gallery with the design i want it has <div class=“slide-meta show” data-slide-id”5e14fa8a383be0638df3b12f”> and .collection-type-gallery:not(.gallery-design-grid).gallery-info-overlay-show-on-hover.slide:hover .slide-meta.show {display: block;} Thanks Link to comment
JTeich Posted February 12, 2020 Author Share Posted February 12, 2020 Nevermind i figured it out. For anyone else wondering it's: .sqs-gallery-block-slideshow .meta-inside:hover { cursor: pointer; background-color: #a40808;} Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.