tuanphan Posted April 24, 2023 Share Posted April 24, 2023 23 hours ago, Dilon said: @tuanphan I tried to put that code in the footer code injection but unfortunately it didnt work. Still unable to click and drag the carousel. FYI - This is what I currently have in CSS to make the button the size of the image and it is disabled for mobile. /* Make carousel image clickable, disables in mobile (only works when button for carousel is enabled) */ li.list-item { position: relative; } .list-item-content__button-container { position: static; } 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; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } @media (max-width: 767px) { a.list-item-content__button.sqs-block-button-element { display: none; } .user-items-list-carousel__slide { pointer-events: none !important; user-select: none !important; } } You need to disable your CSS first, then add code I sent 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
MikieB Posted May 6, 2023 Share Posted May 6, 2023 Can you help me hide the buttons and make the carousel images clickable? https://www.sonoita.io/ Link to comment
tuanphan Posted May 8, 2023 Share Posted May 8, 2023 On 5/6/2023 at 7:55 AM, MikieB said: Can you help me hide the buttons and make the carousel images clickable? https://www.sonoita.io/ Add to Design > Custom CSS body.homepage { li.list-item { position: relative; } .list-item-content__button-container { position: static; } 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; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; } } MikieB 1 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
FAC Posted May 15, 2023 Share Posted May 15, 2023 Hi, could you help me make my carousel images clickable? https://www.fairfieldathleticclub.com/ Thanks Link to comment
Travis_Ampersand Posted May 17, 2023 Share Posted May 17, 2023 Hi @tuanphan I am trying to make the images on the "Recently Sold" carousel clickable. I'd like to keep the buttons and title below the images. Could you help me out? teal-smilodon-2ljx.squarespace.com Link to comment
Travis_Ampersand Posted May 17, 2023 Share Posted May 17, 2023 22 minutes ago, Travis_Ampersand said: Hi @tuanphan I am trying to make the images on the "Recently Sold" carousel clickable. I'd like to keep the buttons and title below the images. Could you help me out? teal-smilodon-2ljx.squarespace.com Nevermind @tuanphan I went back through this thread and was able to piece things together! Thanks. Link to comment
Emmadubbs Posted May 18, 2023 Share Posted May 18, 2023 Hi there! I would also like to have access to this feature! Link to comment
tuanphan Posted May 22, 2023 Share Posted May 22, 2023 On 5/15/2023 at 8:16 PM, FAC said: Hi, could you help me make my carousel images clickable? https://www.fairfieldathleticclub.com/ Thanks If whole carousel to 1 link, I can help But each image >> a different link > This is not possible FAC 1 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
FAC Posted May 22, 2023 Share Posted May 22, 2023 11 hours ago, tuanphan said: If whole carousel to 1 link, I can help But each image >> a different link > This is not possible It would be for each image, but at least now I know it can't be done. Thanks for trying! Link to comment
creedon Posted May 22, 2023 Share Posted May 22, 2023 On 5/15/2023 at 6:16 AM, FAC said: Hi, could you help me make my carousel images clickable? Unless I'm missing something here. Edit your gallery block. Hover over an image and click the gear icon. Enter the URL. Save everything. Let us know how it goes. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Emmadubbs Posted May 23, 2023 Share Posted May 23, 2023 Can you just help me hide the buttons on the carousel/make them invisible? Here is the page: https://grey-dogfish-z8xx.squarespace.com/config/ it's under the title: Our Impact. Link to comment
creedon Posted May 24, 2023 Share Posted May 24, 2023 2 hours ago, Emmadubbs said: Can you just help me Your site is private. A link to the backend of the your site won’t work for us, i.e. a url that contains /config/. Please set up a site-wide password, if your site is not public and you've not already done so. Post the password here. Adding a site-wide password does not allow anyone to alter your site. It only allows those with the password to see your site. Please read the site-wide password and how to share a link documentation to understand how they work. We can then take a look at your issue. You may find How to post a forum question post useful. Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
mvspjp Posted May 31, 2023 Share Posted May 31, 2023 Hi! I'm having the same issue. I'm using a image carousel list and would like all the images to be clickable but cant figure out how to do it. Can you help me? Here is a link to my page. It is a cover page. Does that make it a problem? https://plando.dk/ Link to comment
tuanphan Posted June 2, 2023 Share Posted June 2, 2023 On 5/31/2023 at 6:27 PM, mvspjp said: Hi! I'm having the same issue. I'm using a image carousel list and would like all the images to be clickable but cant figure out how to do it. Can you help me? Here is a link to my page. It is a cover page. Does that make it a problem? https://plando.dk/ You mean this carousel? mvspjp 1 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
mvspjp Posted June 7, 2023 Share Posted June 7, 2023 Thank you for responding so quickly @tuanphan Yes, exactly 🙂 Can you help fix it, or is it a problem, that it's on our cover page? Link to comment
tuanphan Posted June 9, 2023 Share Posted June 9, 2023 On 6/7/2023 at 4:10 PM, mvspjp said: Thank you for responding so quickly @tuanphan Yes, exactly 🙂 Can you help fix it, or is it a problem, that it's on our cover page? If you can enable buttons, I can give code to turn button link to image link + give code to make buttons invisible then 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
mvspjp Posted June 9, 2023 Share Posted June 9, 2023 That woud be great! I have enabled buttons: https://plando.dk/ Link to comment
MarketingFounderMade Posted June 10, 2023 Share Posted June 10, 2023 Hi could you provide custom code so that each image in the carousel (under title Member Listings) , links to their blogs in the membership section, preferably in a lightbox. Website is www.foundermade.com. Page I'm referring to is www.foundermade.com/membership. Thank you! Link to comment
tuanphan Posted June 11, 2023 Share Posted June 11, 2023 On 6/9/2023 at 1:50 PM, mvspjp said: That woud be great! I have enabled buttons: https://plando.dk/ Add to Design > Custom CSS .user-items-list-item-container[data-section-id="64770a8220323a6bc9f2ea8a"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } 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; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; }} mvspjp 1 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
tuanphan Posted June 11, 2023 Share Posted June 11, 2023 21 hours ago, MarketingFounderMade said: Hi could you provide custom code so that each image in the carousel (under title Member Listings) , links to their blogs in the membership section, preferably in a lightbox. Website is www.foundermade.com. Page I'm referring to is www.foundermade.com/membership. Thank you! Can you check again? I don't see Member Listings 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
mvspjp Posted June 12, 2023 Share Posted June 12, 2023 23 hours ago, tuanphan said: Add to Design > Custom CSS .user-items-list-item-container[data-section-id="64770a8220323a6bc9f2ea8a"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } 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; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; }} It worked. Thank you very much 🙂 Link to comment
Braydenn Posted June 15, 2023 Share Posted June 15, 2023 On 2/15/2023 at 5:22 PM, tuanphan said: Yes. You can remove CSS code I sent, I will give new Java code Hello! I'm currently working on making my carousel slider images clickable too. My goal is to remove the buttons and make the images themselves clickable links. Additionally, I would like the images to slide and be movable. The codes you have provided don't seem to allow for dragging the images to browse through the carousel. Would you mind assisting me with this? Your help would be greatly appreciated. Thank you! Link to comment
Braydenn Posted June 16, 2023 Share Posted June 16, 2023 On 4/24/2023 at 7:04 PM, tuanphan said: You need to disable your CSS first, then add code I sent @tuanphanHey Mr Tuanphan, I am having the same issue as Dylan. I am unable to make the carousel slider drag and move and at the same time have clickable image links to another page (while targeting self) This is my current code I've added that has worked but does not allow for me to drag and move the carousel. /* Make carousel clickable */ .user-items-list-item-container[data-section-id="641a8b68ef65212d4e0b0ca0"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } 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; border: none !important; } .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; }} Link to comment
Chris-C Posted June 16, 2023 Share Posted June 16, 2023 @tuanphan Can you help me as well please? My website is gerbil-finch-z3rh.squarespace.com I'm trying to make these images clickable Link to comment
tuanphan Posted June 20, 2023 Share Posted June 20, 2023 On 6/17/2023 at 3:25 AM, Chris-C said: @tuanphan Can you help me as well please? My website is gerbil-finch-z3rh.squarespace.com I'm trying to make these images clickable I see you figured it out? 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