Good afternoon.
Column control is generating vertical rows, instead of columns (See attached image).
Assume that the column selector only has 1 column option to choose from. I have two stylesheets included in the application.
One for my normal design, and one for the column control. This is what my column control CSS looks like:
/* column control layouts */ div.cq-colctrl-cols {width: 100%; float: left; } div.cq-colctrl-default { width: 100%; } /* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */ div.cq-colctrl-lt3 { } div.cq-colctrl-lt3-c0 { width: 75px; margin-right: 10px;} div.cq-colctrl-lt3-c1 { width: 75px; margin-left: 10px; margin-right: 10px;} div.cq-colctrl-lt3-c2 { width: 75px; margin-left: 10px; margin-right: 10px;} div.cq-colctrl-lt3-c3 { width: 75px; margin-left: 10px; }
The standard answer I have found is to simply copy over the static.css file
from the geometrixx demo.
But I want to understand which specific styles resolves this issue.
Kind regards
Toby