Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Have you tried floating them left?
.ngg-gallery-thumbnail-box {
float: left;
}
Goto Gallery->Options
Gallery Tab
Set Number of columns to 0, click Save changes.
Good luck.
@andrew Nevins yes Ive tried that
@doublesixx already tried that too, both didn’t work for me.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Where did you put the CSS?
@andrew I put my custom .css in my theme directory.
[Andrew Nevins says: I was talking to the OP]
@ Kiptain :
Have you made a custom nggallery.css in your theme directory ?
Otherwise just use the following, if you have a nggallery.css you can use the following but you’ll have to edit manually since the you won’t be able to alter the style via WordPress.
A .css in your theme directory take priority over the one in the nextgen-gallery/css
First off back up your nggallery.css file, located in :
/wp-content/plugins/nextgen-gallery/css
Then you can use :
Gallery->Style
Search for the following and change it to what I paste below :
.ngg-gallery-thumbnail {
/* float: left; sixx */
/* margin-right: 5px; sixx */
/* padding-top:10px; -sixx- row space in gallery */
height:86px;
margin:0pt 0pt 6px !important;
padding:0px 0pt 0pt 0px; /* -sixx- 12px 0pt 0pt 7px !important; */
padding-top:10px;
padding-bottom: 5px; /* -sixx- */
width:120px;
}
.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
/* -sixx margin:4px 0px 4px 5px; */
margin-left: auto; /* -sixx- */
margin-right: auto; /* -sixx- */
padding:4px;
position:relative;
}
Good luck.
Still didn’t work..
The css that I found was:
.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;
}
So I replaced it with what you gave me:
.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
/* -sixx margin:4px 0px 4px 5px; */
margin-left: auto; /* -sixx- */
margin-right: auto; /* -sixx- */
padding:4px;
position:relative;
}
But still the pictures are all beneath each other.
Is there anything I could do??!