Asher2020 Posted August 11, 2021 Share Posted August 11, 2021 Site URL: https://sarahandmadejewellery.com.au/ Hi Guys, I've added a list block (simple list) to my homepage. I want to make each image link to a different service page on my site. There doesn't appear to be anywhere i can do this when editing the content for this list. Is it possible to do or am I better off using a gallery? If I do use a gallery can I get the same effect? Many thanks Ahser Link to comment
tesiab Posted October 26, 2021 Share Posted October 26, 2021 Hi Asher, Did you ever get this figured out? I'm trying to do the same thing and can't figure it out. I see that you can add a button as a link, but I just want the image and Title, no button. Link to comment
tuanphan Posted October 29, 2021 Share Posted October 29, 2021 On 10/27/2021 at 4:34 AM, tesiab said: Hi Asher, Did you ever get this figured out? I'm trying to do the same thing and can't figure it out. I see that you can add a button as a link, but I just want the image and Title, no button. Hi, You can add button, then we will give the code to pass button link to image/title (& use code to make button invisible) 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
Brent_Dickens Posted November 4, 2021 Share Posted November 4, 2021 Did you ever get some code to get this going? Link to comment
tuanphan Posted November 26, 2021 Share Posted November 26, 2021 On 10/29/2021 at 10:12 AM, tuanphan said: Hi, You can add button, then we will give the code to pass button link to image/title (& use code to make button invisible) Do this. And we will check & give the code djshiflet 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
Dclr_Branding-Solutions Posted November 30, 2021 Share Posted November 30, 2021 Can I get the code too please? Link to comment
tuanphan Posted December 1, 2021 Share Posted December 1, 2021 On 11/23/2021 at 2:04 PM, djshiflet said: Anyone? On 11/30/2021 at 11:49 AM, Dclr_Branding-Solutions said: Can I get the code too please? On 11/5/2021 at 3:37 AM, Brent_Dickens said: Did you ever get some code to get this going? First, add buttons, then Use this code (Design > Custom CSS) /* 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; } hoppervision 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
Kal Posted February 16, 2022 Share Posted February 16, 2022 @tuanphan What if button styles are set to outline not solid? Link to comment
tuanphan Posted February 21, 2022 Share Posted February 21, 2022 On 2/16/2022 at 12:50 PM, Kal said: @tuanphan What if button styles are set to outline not solid? I think the code is same. If it doesn't work, please share link to page where you use list block, we will check it again 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
treeSQSP Posted February 21, 2022 Share Posted February 21, 2022 @tuanphan I have an interesting problem with this code. Worked perfectly until I added site-wide animations at the client request and now I have boxes over the click target area I cant find the selector to remove. Any ideas? Link to comment
tuanphan Posted February 27, 2022 Share Posted February 27, 2022 On 2/22/2022 at 4:30 AM, treeSQSP said: @tuanphan I have an interesting problem with this code. Worked perfectly until I added site-wide animations at the client request and now I have boxes over the click target area I cant find the selector to remove. Any ideas? Can you share link to page in screenshot? We can check problem easier 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
tuanphan Posted May 26, 2022 Share Posted May 26, 2022 On 5/25/2022 at 9:49 AM, ZABS860 said: I'm having almost this exact same issue, you can see the website here: https://aimeesternluxuryrealestate.squarespace.com/press password: Newpassword. I really want both the image and the text below to link without any button displaying. Can you show me how to get rid of the black outlines? Much appreciated. Add to Design > Custom CSS .user-items-list-item-container[data-section-id="628d64b57c0c6a0128543652"] a.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary { border: none !important; } 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
HMagorRoberts Posted June 23, 2022 Share Posted June 23, 2022 Hi there, @tuanphan I added in your above code which worked (thank you!) but i have the black bordered which are still there after adding in the below: .user-items-list-item-container[data-section-id="628d64b57c0c6a0128543652"] a.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary { border: none !important; } Could you help? Thanks! Link to comment
tuanphan Posted June 24, 2022 Share Posted June 24, 2022 On 6/23/2022 at 10:31 PM, HMagorRoberts said: Hi there, @tuanphan I added in your above code which worked (thank you!) but i have the black bordered which are still there after adding in the below: .user-items-list-item-container[data-section-id="628d64b57c0c6a0128543652"] a.list-item-content__button.sqs-block-button-element.sqs-block-button-element--medium.sqs-button-element--primary { border: none !important; } Could you help? Thanks! Can you share link to page where you use list? We will check it again 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
HMagorRoberts Posted June 28, 2022 Share Posted June 28, 2022 On 6/24/2022 at 11:48 PM, tuanphan said: Can you share link to page where you use list? We will check it again here - https://the-second.co.uk/miu-miu-embroidered-organza-dress password is thesecond. Thank you! Link to comment
tuanphan Posted June 30, 2022 Share Posted June 30, 2022 On 6/28/2022 at 10:10 PM, HMagorRoberts said: here - https://the-second.co.uk/miu-miu-embroidered-organza-dress password is thesecond. Thank you! Add this to Design > Custom CSS .user-items-list-item-container[data-section-id="62b478deb15ed0503287a5f7"] a.list-item-content__button.sqs-block-button-element { border-color: transparent !important; } 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
HMagorRoberts Posted July 1, 2022 Share Posted July 1, 2022 On 6/30/2022 at 8:15 AM, tuanphan said: Add this to Design > Custom CSS .user-items-list-item-container[data-section-id="62b478deb15ed0503287a5f7"] a.list-item-content__button.sqs-block-button-element { border-color: transparent !important; } This worked great on that page but its not carrying through to any others - https://the-second.co.uk/rachel-gilbert-french-mini-dress Link to comment
tuanphan Posted July 1, 2022 Share Posted July 1, 2022 1 hour ago, HMagorRoberts said: This worked great on that page but its not carrying through to any others - https://the-second.co.uk/rachel-gilbert-french-mini-dress Use this new code a.list-item-content__button.sqs-block-button-element { border-color: transparent !important; } 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
elschwartzo Posted July 18 Share Posted July 18 for some reason this doesnt seem to carry over to mobile. any advice? Link to comment
tuanphan Posted July 20 Share Posted July 20 On 7/18/2023 at 10:35 AM, elschwartzo said: for some reason this doesnt seem to carry over to mobile. any advice? What is your site url? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment