Relume Community Icon

Home

Announcements
Figma Support
General
Showcase
Webflow Support

Powered by Tightknit

Seeking Solutions for Adding Read Time to Cards in Web Design | Relume Community

Seeking Solutions for Adding Read Time to Cards in Web Design

·

Hey Lumers! I need your brilliant brains to solve an issue I have. Is there a way to get Read Time on cards e.g like shown in this component? I've utilised Finsweet's attribute which works well in the CMS template page, but I'm not too sure how to apply the same to cards in a parent page. Any ideas? 💡

8 comments

· Sorted by Oldest

Matt J.
·
Angelina K. saw this message come in and kind of marinated on it - and a lightbulb just went off. What if you brought in a richtext field and hid it either with positioning (off screen) or with opacity or anything really. You may not be able to use display: none; though but test it with that first. So if the richtext field is in the DOM - the attributes will pick up on it, calculate, and then you can display that time within those cards on any page. Does that make sense? If not, I can do a quick loom.
Angelina K.
·
Hey Matt J.! Apologies for the late reply; had to pivot to something else. Thanks for your reply. That makes sense, but it would still be extremely helpful to get a loom if you're still able to?
Matt J.
·
You got it - will do that soon!
Angelina K.
·
Thank you!
Angelina K.
·
Hey Matt J.! Any updates here?
Matt J.
·
Angelina K. apologies for the delay - in short though it seems my theory is a bust, which is unfortunate. You might learn a thing or two from this video regardless - where I at least set up my theory and test it live, where I discover its not possible. https://www.loom.com/share/092bb497775441e293dc952419fd260e?sid=dd304a7e-d3c5-4ca7-8711-473ee8c39124
Matt J.
·
At least with attributes - maybe search the webflow marketplace for a cloneable or find some custom JS (or generate it using GPT) - using the setup I have, I'm sure it can be done.
Angelina K.
·
Thanks Matt J.! Appreciate your time regardless