Hi
I want to make a new template (or change appropriate CSS) to set a custom number of cards per row (in my case 12). I checked the existing templates for 3, 5 etc. and found the appropriate css classes, which I then found on the page source, I tried to modify
.t-Cards--5cols .t-Cards-item {
width: 20%
}
.t-Cards--5cols .t-Cards-item:nth-child(5n+1) {
clear: both
}
by changing it to
.t-Cards--5cols .t-Cards-item:nth-child(12n+1) {
clear: both !important
}
.t-Cards--5cols .t-Cards-item {
width: 8% !important
and adding to the pages inline css, that changed the width but didn't change the number of cards per row. I've searched the form and cannot find any similar questions.
Failing that, I wondered if it is possible to force a line break if using span horizontally. Can anyone help?