Nesting One Half Columns Within Toggles « Support Forum | Kriesi.at

Support Forum » Angular

Nesting One Half Columns Within Toggles

5 posts from 3 voices

Started 6 months ago by TheImageFarm
Latest reply from TheImageFarm
This topic is closed
This topic is not a support question

Tags:

TheImageFarm
Member

Greetings friends,

I'm having trouble nesting 50/50 columns within toggles.
It works fine within one toggle, but I can't get it to work within a container with multiple toggles.

You can see an example of the problem here http://www.grafficart.com/worksheet/

Any thoughts?

Posted 6 months ago #
Devin
Moderator

Hi TheImageFarm,

As far as I know the shortcodes aren't able to be nested like that. You can wrap the text in the html that the shortcode would generate in the text/html tab and then have that inside the toggle but because of the way they are compiled on the live side they can't be nested within the visual editor.

Regards,

Devin

Posted 6 months ago #
TheImageFarm
Member

Greetings Devin,

I figured as much. I don't typically use the visual editor for that very reason.

Before writing you, I actually tried writing the page in straight html (no shortcodes whatsoever) and I had the exact same problem.

If you check the link (http://www.grafficart.com/worksheet/), you can see I've got a toggle with nested 50/50 columns, but the same code doesn't display properly when there's more than one toggle in the toggle container.

Let me know what you think. Thanks!

Posted 6 months ago #
Dude
Dude
Hi!

I think it's a small styling issue - try to add following code to css/custom.css:
```
.js_active .toggler {
clear: both;
}
```
Regards,
Peter
Posted 6 months ago #
TheImageFarm
Member

brilliant! thank you! worked like a charm.

Posted 6 months ago #