Slimbox layout

Hi, I am using slimbox and the layout puts the thumbnails in 1 column and I would like to have it in rows. this might be a css issue. How can I fix it? Thank you!

More information needed. You need post your snippet call and whatever chunks you are using.

Hi,

You can create CSS rules to change the formating of the thumbnails.

For example with the new CSS Flexbox
.gallery {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
justify-content: flex-start;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
margin-top: 2em;
}

.gallery .gal-item {
align-self: auto;
margin: 1em;
border: solid .5em #febd11 !important;
}


Or the old way with floating
.gallery {
clear: both;
}
.gallery .gal-item {
display: block;
float: left;
margin: 1em;
}

Quote from: pvndspins at May 19, 2014, 03:04 PM

Hi, I am using slimbox and the layout puts the thumbnails in 1 column and I would like to have it in rows. this might be a css issue. How can I fix it? Thank you!