Shopify themes, liquid, logos, and UX
Hi!
Store: https://qtupb6-n1.myshopify.com/
Is there a way to make the multicolumn images/icons into a button? I have links to all the columns but I don't want to add a label as it is an eye sore unfortunately, completely ruins the aesthetic of the site.
I want it to look like this and be clickable:
Not like this:
I appreciate any help! 😭
Solved! Go to the solution
This is an accepted solution.
Hi @VicBrew1
Try this one, this make the logo clickable the label will be hidden.
.multicolumn-card.content-container {
position: relative;
}
.multicolumn-card.content-container .multicolumn-card__info {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
text-align: center;
width: 80%;
opacity: 0;
pointer-events: all;
}
.multicolumn-card.content-container {
cursor: pointer;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Hello @VicBrew1
Can you share the collaborator request code with me so I will check it.
Yes! Thank you! I will message you directly.
This is an accepted solution.
Hi @VicBrew1
Try this one, this make the logo clickable the label will be hidden.
.multicolumn-card.content-container {
position: relative;
}
.multicolumn-card.content-container .multicolumn-card__info {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 10px;
text-align: center;
width: 80%;
opacity: 0;
pointer-events: all;
}
.multicolumn-card.content-container {
cursor: pointer;
}
Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!
Thank you so freaking much! 😍 This worked! How would I do this for the top row? may I repurpose?
Issue: It made the multicolumn clickable but now the multicolumn reviews won't sow. Any ideas for this?
FIGURED IT OUT! So I put the code in the CSS box after clicking the section and then added a link label. Works perfectly! THANK YOU!
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024