I have nested accordions. The outer accordion appears to be a simple list when all items are collapsed. When an item is opened, it shows a sophisticated and styled design, which happens to contain another accordion.
In the outer accordion, I have set the font size of the header to 0.8 em. In the inner accordion, it is 1 em. In the resulting output, the 0.8em of the outer accordion overwrites the definition of the inner accordion. In my testing, I found that other definitions of the outer accordion are also passed on to the inner according, such as font color, or the presence of a border.
It seems to me that the inner accordion does not respect any of its own styling, it takes everything from the outer one.
Hey thanks for bringing this up. I see what you mean about the nested accordions. When you view this on the frontend is it okay? Because that’s the case with me where it only doesn’t look right in the preview. There’s a couple of other fields that this happens for and we’ll take care of it have a great day.
HI @charlie, yes, on the frontend it indeed seems to appear fine. It just does not really allow to do proper designing in the builder. I have only looked at the initial issue that I noticed (the fontsize), and not any other property. Thanks for looking into it!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.