how to change the coding into a column rather than a list

I got this css code from Nicholas Sherlock's website on converting a folder displaying galleries in a list rather than images.

However...I would like to have that long list split into 2 or sometimes 3 columns...how do I go about altering the code below...and if it's not too much trouble...changing the text color to #7393f0

Jeannie



/* Turn gallery icons into a text list */
.sm-page-widget-galleries img {
display:none !important;
}
.sm-page-widget-galleries .sm-tile-wrapper {
width:auto !important;
max-width:none !important;
display:block !important;
}
.sm-page-widget-galleries a {
padding-bottom:0 !important;
}
.sm-page-widget-galleries .sm-tile-info {
position:static !important;
}
.sm-page-widget-galleries .sm-tile-placeholder-icon {
display: none!important;
}