caqtec Posted July 19, 2022 Share Posted July 19, 2022 Site URL: https://gold-bat-dxhj.squarespace.com/ceiling-systems Hello I have this code in my Custom CSS and I want to use the Flex animation for my website, but because of that, when I hover over the items in my list, a white box appears and covers the images. Can someone please help me with this issue?https://gold-bat-dxhj.squarespace.com/ceiling-systems Pass: Testing10 /* Make list images clickable */ li.list-item { position: relative !important; } .list-item-content__button-container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; } Link to comment
Solution tuanphan Posted July 20, 2022 Solution Share Posted July 20, 2022 12 hours ago, caqtec said: Site URL: https://gold-bat-dxhj.squarespace.com/ceiling-systems Hello I have this code in my Custom CSS and I want to use the Flex animation for my website, but because of that, when I hover over the items in my list, a white box appears and covers the images. Can someone please help me with this issue?https://gold-bat-dxhj.squarespace.com/ceiling-systems Pass: Testing10 /* Make list images clickable */ li.list-item { position: relative !important; } .list-item-content__button-container { position: absolute !important; top: 0; bottom: 0; left: 0; right: 0; } a.list-item-content__button.sqs-block-button-element { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; } Add this CSS under a.list-item-content__button.sqs-block-button-element:before { display: none !important; } caqtec 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
caqtec Posted July 26, 2022 Author Share Posted July 26, 2022 This worked perfectly! 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