-
Posts
-
Dear Enfold Team,
I didn’t find any solution on the forum and I would like to ask you few questions.
I would like to modify few more things in my accordion toggle interface which is the main element of unfinisshed front page.1. I need CSS class for making several toggles just inactive (locked like). I would like to use them as “info” sections.
I want to use two accordion-toggles on the same page. How can I change properties of one toggle “title” section in the first or second accordion.Example scheme: third title field of the first toggle and second title field of the second toggle is blue and locked.
2. Is there any way to force toggle to increase width only when executing hover action so, the other toggle decrease automatically and keep their position on the side of the first toggle? Relationship between toggles should be 65% to 35%.
I tried to play with this CSS class: .av_one_half:hover
Anyway, because of responsive nature of enfold, second toggle automatically jumps to the bottom.I think I should mention that toggles are placed within columns and the columns are nested in the “color section”.
Thank you in advance!
Best Regards, MarcinHi Guys,
It seems like no one wants to help me with this so I tried to resolve the problem on my own.
I used “grid row” element which helped me to simulate desired toggle behavior (bottom section of my frontside).
Here is CSS I used with help of “Code Block” element:<style type = “text/css”>
.av-layout-grid-container .av_one_half:hover {
width: 180% !important;
transition: .3s;
}.av-layout-grid-container .av_one_half {
width: 100%;
transition: .3s;
}
<style>Unfortunately, grid row element doesn’t have “movie background” and “parallax” option.
Question: Is there any way to reach the same behavior with help of ” two toggles nested within two “columns” and “color section” element ?
I would greatly appreciate it if you kindly give me some feedback.
Best Regards, MarcinHi,
Sorry for the delayed response.
1.) I think I have answered that in the other thread: https://kriesi.at/support/topic/accordion-toggle-animation-problem/#post-755044
2.) I’m not really sure how it would look like but it does seem like that would take time to achieve since with the behavior of accordion. It could probably be done by writing some js codes but it would seem that it it’s pretty complicated and outside the scope of our support.Grid row doesn’t have movie background or parallax, the but you can always add a video or an image inside the accordion’s content.
Best regards,
Nikko
- You must be logged in to reply to this topic.