laroper88 Posted November 14, 2023 Share Posted November 14, 2023 Hi, I'd like to make the carousel images on my home page clickable for a better user experience (eliminating the extra "button" option underneath each image). I've already switched off the visibility of the buttons, however I'm still needing a code to make the images clickable. I'd like the home page carousel images to link to the individual item pages on my store page. Any help would be appreciated, thank you. Link to comment
Web_Solutions Posted November 14, 2023 Share Posted November 14, 2023 51 minutes ago, laroper88 said: Hi, I'd like to make the carousel images on my home page clickable for a better user experience (eliminating the extra "button" option underneath each image). I've already switched off the visibility of the buttons, however I'm still needing a code to make the images clickable. I'd like the home page carousel images to link to the individual item pages on my store page. Any help would be appreciated, thank you. Can you share your website URL? If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
laroper88 Posted November 16, 2023 Author Share Posted November 16, 2023 @Web_Solutions https://evermoremarket.com/ Password: Nonsensical88! Link to comment
Web_Solutions Posted November 17, 2023 Share Posted November 17, 2023 7 hours ago, laroper88 said: @Web_Solutions https://evermoremarket.com/ Password: Nonsensical88! Are you telling about this section? If yes, then enable the button. If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
laroper88 Posted November 17, 2023 Author Share Posted November 17, 2023 @Web_Solutions Yes that is the section. However I'd rather not have the buttons at all— instead I'd like just the images clickable for a more user friendly experience and a less cluttered appearance. Link to comment
Web_Solutions Posted November 17, 2023 Share Posted November 17, 2023 2 hours ago, laroper88 said: @Web_Solutions Yes that is the section. However I'd rather not have the buttons at all— instead I'd like just the images clickable for a more user friendly experience and a less cluttered appearance. You should enable the button. Then can give you code for hide buttons and images clickable. If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
JayVanDyke Posted November 17, 2023 Share Posted November 17, 2023 @tuanphan's already got you! ☕ Did I help you? Buy me a coffee! 👨💻 Bergen Design Co. 💻 I'm for hire on Upwork! 🕸️ Squarespace Experts 🖥️ 99Designs 🛠️ Web Designer's Toolkit **some of these contain affiliate links Link to comment
laroper88 Posted November 17, 2023 Author Share Posted November 17, 2023 @Web_Solutions Ok , I've enabled them. Link to comment
Solution Web_Solutions Posted November 18, 2023 Solution Share Posted November 18, 2023 On 11/17/2023 at 10:56 PM, laroper88 said: @Web_Solutions Ok , I've enabled them. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. [data-section-id="645bfc563c45cd0cf9913898"], [data-section-id="645c01eb518c640194054322"] { .list-item{ position: relative !important; } } [data-section-id="645bfc563c45cd0cf9913898"], [data-section-id="645c01eb518c640194054322"] { .list-item-content__button { position: absolute; top: 0; width: 100%; left: 0; box-sizing: border-box; padding: 0 !important; padding-bottom: 100% !important; font-size: 1px !important; line-height: 0 !important; border: 0 !important; background: transparent !important; color: transparent !important; } } If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
laroper88 Posted November 20, 2023 Author Share Posted November 20, 2023 @Web_Solutions That worked great! Thank you so much!👍 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