Viewing 6 replies - 1 through 6 (of 6 total)
  • 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.

    Thread Starter Kiptain

    (@kiptain)

    @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.

    Thread Starter Kiptain

    (@kiptain)

    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??!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Nextgen Gallery all pictures arranged vertically’ is closed to new replies.