BekarHaus Posted September 7, 2022 Share Posted September 7, 2022 Hello ◾️squarespacers _, I need help/advice. In gallery section (Grid: Simple+Lightbox) I want that on hover text "Enlarge" appear in lower right corner at bottom of the page. I tried quite a lot - but no luck. Is it even possible? Best Duško Bekar bekar.haus Link to comment
tuanphan Posted September 11, 2022 Share Posted September 11, 2022 You mean Hover image >> Show Enlarge text? 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
BekarHaus Posted September 14, 2022 Author Share Posted September 14, 2022 Hello Tuan, This is what I ment, but I'll eclose a video - just to be shure. Best Duško Bekar Tuanphan01.mp4 bekar.haus Link to comment
tuanphan Posted September 16, 2022 Share Posted September 16, 2022 If hover >> show Enlarge text button only, this is possible. But click Enlarge >> it will? 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
BekarHaus Posted September 16, 2022 Author Share Posted September 16, 2022 Thank you, Tuan. it is Grid: Simple gallery with Lightbox On - so just to show "enlarge" will do the trick. I try that in different ways - but no luck bekar.haus Link to comment
tuanphan Posted September 19, 2022 Share Posted September 19, 2022 On 9/7/2022 at 7:20 PM, BekarHaus said: Hello ◾️squarespacers _, I need help/advice. In gallery section (Grid: Simple+Lightbox) I want that on hover text "Enlarge" appear in lower right corner at bottom of the page. I tried quite a lot - but no luck. Is it even possible? Best Duško Bekar Do this on Explore page or which page? https://bekar.haus/explore-bekar-haus 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
BekarHaus Posted September 20, 2022 Author Share Posted September 20, 2022 Click HERE for the page. It's the only page I work on. bekar.haus Link to comment
Solution tuanphan Posted September 21, 2022 Solution Share Posted September 21, 2022 On 9/20/2022 at 3:40 PM, BekarHaus said: Click HERE for the page. It's the only page I work on. Edit page > Add a Code Block (anywhere) >paste this code <style> figure.gallery-grid-item:after { content: "+ Enlarge"; display: inline-block; position: absolute; right: 10px; bottom: 10px; z-index: 99999; background-color: rgba(255,255,255,0.3); padding: 10px 20px; border-radius: 30px; opacity: 0; } figure.gallery-grid-item { position: relative; } figure.gallery-grid-item:hover:after { opacity: 1; } </style> 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
BekarHaus Posted September 21, 2022 Author Share Posted September 21, 2022 Hallo Tuan, Thank you. It's working perfectly. I only changed z-index: 99999; to z-index: 9998; Wich parameter should I change to move it from right to left corner? Best Duško Bekar P.S. I am going to send you DM bekar.haus Link to comment
tuanphan Posted September 24, 2022 Share Posted September 24, 2022 On 9/21/2022 at 7:22 PM, BekarHaus said: Hallo Tuan, Thank you. It's working perfectly. I only changed z-index: 99999; to z-index: 9998; Wich parameter should I change to move it from right to left corner? Best Duško Bekar P.S. I am going to send you DM change this line to left: 10px; right: 10px; 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment