Way to split a Classic Feature list into 2 columns while keeping numerical order

[444media]

On this page: https://bwbcommunity.com/

I have 16 Classic Feature List items and I need them numbered. They are all in one column now. I’d like to have 8 items on left then 8 items on right. It’s all in one column now because if I try to make items 9-16 on the right side it doesn’t work. So for now, to show support the entire list, I created one column for now.

So, to be clear, I would like two columns, with items 1-8 on left, then items 9-16 on the right. Is that possible?

I have tried dragging 9-11 items over to a 2nd column, and it just seems to break the items and doesn’t show anything. They seem to need to be linked in order to maintain the numerical values. But maybe you guys have an idea as to how I can accomplish this.

Thanks!

[tristup]

Hi @444media,

Thanks for reaching out.
It is not possible in the usual way. You need to add a class to the Classic Feature List as shown in the given screenshot and add the following custom CSS code into the Page CSS of the specific page.

.multicol 
{
    -webkit-columns: 40px 2;
    /* Chrome, Safari, Opera */
    -moz-columns: 60px 2;
    /* Firefox */
    columns: 60px 2;
}

And the output will be the following screenshot.

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail One, where we answer the questions beyond normal theme support.

Thanks

[444media]

Worked perfectly!! Thanks so much!

[christian]

You’re welcome, @444media.