Okay
  Public Ticket #2948969
Flickity Slider
Closed

Comments

  •  4
    summerllc started the conversation

    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

  •  8,840
    Tahir replied

    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 

  •  4
    summerllc replied

    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; }


  •  279
    Noah replied

    Hi summerllc,

    Thanks for keeping in touch and glad you were able to solve the issue.

    Thanks for sharing the css.

    Cheers!