I am attempting to create a Flickity image carousel and I would like to know if there is any way to expand the column number to 12. At the moment, the column selection is only limited to 6 on desktop.
I see that the static height Flickity slider can show many more columns at once, but then I lose the "Stagger" option.
Essentially, I am trying to replicate the attached image. Please let me know if there's a way to expand to more columns.
Hi,
I am attempting to create a Flickity image carousel and I would like to know if there is any way to expand the column number to 12. At the moment, the column selection is only limited to 6 on desktop.
I see that the static height Flickity slider can show many more columns at once, but then I lose the "Stagger" option.
Essentially, I am trying to replicate the attached image. Please let me know if there's a way to expand to more columns.
Thanks!
Alex
Hey summerllc ,
I am afraid that's not possible at the moment. If you wish to alter the current design using CSS let us know.
Thanks
ThemeNectar Support Team
Thanks Tahir,
I actually was able to figure it out and just override the CSS for the 5 column option to make it show as 12 columns like this:
.nectar-flickity[data-desktop-columns="5"]:not(.masonry) .flickity-slider .cell
{width: 8.3% !important; }
.nectar-flickity[data-small-desktop-columns="5"]:not(.masonry) .flickity-slider .cell
{width: 8.3% !important;}
.nectar-flickity.nectar-carousel[data-desktop-columns="5"][data-format="default"] .cell
{ width: 8.3% !important; }
Hi summerllc,
Thanks for keeping in touch and glad you were able to solve the issue.
Thanks for sharing the css.
Cheers!