Multiple galleries on same page on same line.

  • Resolved thanzex

    (@thanzex)


    8 years, 5 months ago

    Hi, I have a page where i need multiple indipendent galleries to be displayed, i need to see only one image as thumbnail and a lightbox where i can see all the other.
    here’s the shortcode i’m using

    [ngg_images source="galleries" container_ids="1" display_type="photocrati-nextgen_basic_thumbnails" override_thumbnail_settings="1" thumbnail_width="400" thumbnail_height="400" thumbnail_crop="1" images_per_page="1" number_of_columns="0" show_slideshow_link="0" template="caption" gallery_width="400"
]

    When i add a gallery however, the <div> takes the full width of the content container, even if in the shortcode i set the gallery width.
    I tried manually editing the css

    galleryoverview {
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: block !important;
}

    where the widtht is set to 100% to a fixed 400px, that half-solved the problem effectively reducing the div width and centering the images however, the galleries (that here for the sake of the example are the same) are displayed one on top of another.
    Is there a way to have them be side by side? It would be even better to specify how many to fin in a row. Thanks

    I’m using this custom css too:

    
.ngg-galleryoverview .ngg-navigation {
    display: none !important;
}
.ngg-gallery-thumbnail {
	outline: none !important;
	border: none !important;
	background-color: transparent !important;
}

    Here are some Images.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter thanzex

    (@thanzex)

    8 years, 5 months ago

    Alright! I remember i had a similar problem a while back, in a response of an old post you suggested to use 

    
/* When using shortcode to display single images linked to full galleries and you want a grid, try this custom CSS */
.ngg-galleryoverview { overflow: initial !important; clear: right !important; }

    And that pretty much fixed it, now the thumbnails are one next to the other.
    Is there a way i can have them centered in the page and specify how many columns i want? I tried to edit the number_of_columns field in the shortcode but nothing happened. Thanks again.

    Thread Starter thanzex

    (@thanzex)

    8 years, 4 months ago

    @photocrati
    Hi again! I would just edit my first or second post, but apparently i can’t. I have a problem about the solution you gave me in the old post, while that makes everything work, the thumbnails are not centered but all alignet to the left. In the css i find

    
.ngg-gallery-thumbnail-box {
    float: left;
    max-width: 100% !important;
}

    however, if i remove or change the float: left; all the thumbnails are not a grid anymore but get one on top of the other as a list.

    Again, here’s the shortcode i’m using:

    [ngg_images gallery_ids=1 display_type=photocrati-nextgen_basic_thumbnails disable_pagination=1 images_per_page=1 show_all_in_lightbox=1 use_imagebrowser_effect=0]

    And the custom css for the page:

    
.ngg-galleryoverview .ngg-navigation {
    display: none !important;
}
.ngg-gallery-thumbnail {
	outline: none !important;
	border: none !important;
	background-color: transparent !important;
}

.ngg-galleryoverview {
	overflow: initial !important;
	clear: right !important;
}

    Thanks.

    Plugin Contributor Imagely

    (@imagely)

    8 years, 4 months ago

    @thanzex – The old shortcode is more a “hack” of sorts. We actually recommend if you are looking for this functionality is to use the “Open in Pro Lightbox” option for albums found via NextGEN Plus or NextGEN Pro.

    Thanks!

    – Cais.

    Thread Starter thanzex

    (@thanzex)

    8 years, 4 months ago

    @imagely Is it not possible at all to hack it together using the base plugin? If not, is it possible to try the plus / pro version?

    Plugin Contributor Imagely

    (@imagely)

    8 years, 4 months ago

    @thanzex – We offer a 30-day money back guarantee if you are not happy with our products, we do not have “trial” versions available.

    Thanks!

    – Cais.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Multiple galleries on same page on same line.’ is closed to new replies.