multiple columns in accordion element
-
Hey @arminunruh,
Is it possible to have multiple columns in the new Accordion element?
I’ve been trying to find a way to do that, and I think the only current workaround is to either create tables inside the Accordion’s text editor or use the Expand/Collapse Row Link to replicate the accordion behavior.
Since the Table element and the Accordion element share some similarities, it would be great to have the option to add more columns if needed.
Here’s what I’m testing right now:
—> https://inesbaptista.com/commercial/
The Accordion is at the top, and at the bottom is basically the design I was trying to achieve, but built using the Expand/Collapse Row Link feature.PS: Adding images to the Accordion would be awesome as well
Thank you!
-
ah its because u want the "watch video" on the right side?
i think at the moment if i was you i would try to create html inside the textbox of the accordion text and have 2 divs inside a parent div.and use css flexbox to do it.
so the parent div would be display flex;
and then you can use all kinds of flex css -
hey @arminunruh,
The ‘watch video’ link on the right side would be nice, but my main focus is having 2 (or 3) columns inside every collapsed section (as you can see in the example at the bottom of the page I previously sent).
I’m also trying to avoid using custom HTML inside the textbox to make it easier for the client to update the content :/
-
i understand! i wrote this down but im not sure when i will have time to code this! :/
-
Thanks anyway, @arminunruh!
If you have updates on this please let me know -
sure, i think maybe if you use a table inside a text element?
but that table kind of sucks.with the new texteditor, the table inside the texteditor will be better though. but not sure when that will be finished.
I also code custom websites or custom Lay features.
💿 Email me here: 💿
info@laytheme.com
Our Web Development company: 100k.studio
Want to tip me? https://www.paypal.com/paypalme/arminunruh
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it