Heyas!
I was searching forum for solution how to make “Read More” button, but didnt find a way that fits me.
So i made some brainstorm a here’s my decision, that u can use for styling blogs and news block on ur page.
- Make a general div “News” where the full article will be shown. Set margins and all that u need.
- Inside “News” div we create other div “NewsText”, where will be nested all the text u want. In my example its date and article text.
The main thing u need to set in NewsText div is overflow-hidden, and height 60 px, so u can see only 2 lines of text.
- Then u need to make a “Read More…” link inside general “News” div. And set a trigger “Click” for it like this:
The main thing is to check the “Limit to sibling elements” it makes ur link affect only 1 article it nested with.
Also i set a trigger scroll over, so the opened news closes automaticaly on scrolling over.
So the result is like this (its russian site, but i hope ull find the right place):
https://webflow.com/design/demotempl?preview=527b1d8bdc47c112ebcf5c027435eb99
Hope that little feature was helpful.
Have a good time experiencing Webflow.
And thanks to all webflow team.