markadekoning Posted June 13, 2022 Share Posted June 13, 2022 Site URL: https://www.coastalgrain2.squarespace.com.au I want to make a set of 'list' images clickable without using a button, also happy for the whole card area to be clickable. Can someone help me out? Link to comment
derricksrandomviews Posted June 13, 2022 Share Posted June 13, 2022 (edited) Clickable to where? You can edit and make an image/card image clickable and the text clickable to another page or web address. Edited June 13, 2022 by derricksrandomviews Link to comment
tuanphan Posted June 13, 2022 Share Posted June 13, 2022 Add buttons, then add this code to Design > Custom CSS to turn button link to image & make buttons invisible /* 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; } thedesigndaily 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
markadekoning Posted June 13, 2022 Author Share Posted June 13, 2022 Is it possible to make it clickable without adding buttons? Link to comment
tuanphan Posted June 13, 2022 Share Posted June 13, 2022 7 hours ago, markadekoning said: Is it possible to make it clickable without adding buttons? You can add buttons, the code will hide buttons then. 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
markadekoning Posted June 27, 2022 Author Share Posted June 27, 2022 Thanks, that has had the desired effect! The only issue I'm having now is a black border around every list item on the site - see image. Any quick fix for this? Cheers. thedesigndaily 1 Link to comment
markadekoning Posted June 27, 2022 Author Share Posted June 27, 2022 All good just added: border-color: transparent !important; Fixed. Thanks again. tuanphan 1 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