For me it's ok that is shown, but other plans should compare in horizontal, not vertical under it... is it possible?
Yes, but you'll need to write the CSS to display it like that. Below is an explanation of some of the CSS classes involved.
cbregSubPlanSelector = class on the div containing all the child plans
cbregPlanSelector = class on the div of a plan (including parent plans)
So for example lets turn this into a CSS grid. To do this first edit your parent plan and under Presentation add the CSS class planGridLayout to the "CSS class (e.g. 'cbreg_green cbreg_admin_green' )" parameter. Now we can target cbregSubPlanSelector specifically for that plan using the below CSS.
Code:
.planGridLayout > .cbregSubPlanSelector {
display: grid;
grid-template-columns: repeat( 3, 1fr );
}
The above would create a simple 3 column grid. Adjust or create new CSS as needed for your desired layout. You can output your custom CSS to CB using template overrides feature shown below.
www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy
krileon
