Nextgen Gallery Plugin

Get Started
1

I am having a problem with Nextgen wordpress plugin.
I have added
[album id=1 template=compact]
[album id=2 template=compact]
but does not display next to each other the albums.do i need to have a table?thanks

http://designjadis.com/gallery/

2

just tested this out. looking at the html and the css for the plugin, it seems that is how albums are mean to be displayed. you could probably alter the CSS, but if you want the kitchen and store galleries to display next to each other, it’s easier if you just get rid of the code snippet for the second album and just add both galleries to the first album in the Manage Albums area of the plugin.

hope that helps. :slight_smile:

3

if you just get rid of the code snippet for the second album and just add both galleries to the first album in the Manage Albums area of the plugin.

can you please explain what exactly you mean,thank you.

4

If you want to keep the two galleries, an easy way to sit them side-by-side is to do this:

In your nggallery.css stylesheet—located here:

/wp-content/plugins/nextgen-gallery/css/nggallery.css

you could change the rule starting at line 15:

Change this:


.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

to


.ngg-albumoverview {
	margin-top: 10px;
	width: 48%;
	display:block;
	float: left;
}

Also, in style.css, line 91, it would be worth adding this to the .entry rule:


.entry {
    overflow: hidden;
}

See if that does what you want. :slight_smile:

5
  • delete [album id=2 template=compact] that you added to your gallery page.
  • in your Wordpress Dashboard, go the the Manage Albums section of the gallery plugin…the section where you created the albums.
  • select the first album at the top of the page.
  • drag both the kitchen and store galleries to the first album you created (ID:1).

NextGen allows you to display more than one gallery in each album…and they should display side-by-side.
If for some reason you need to have to separate albums, however, then ralph.m’s soluton would be the way to go.

I hope that’s clear enough. :slight_smile:

edit: offtopic but…congrats on becoming Mentor, ralph.m!

6

it worked but displays as 'stairs ’

http://designjadis.com/gallery/

also it tells me to move css file under the theme folder to prevent from overwriting.how can i do that?

7

Ah yes, drat. I forgot to mention that you need to remove the little BR element that appears between each gallery

E.g.

<div class=“ngg-albumoverview”>
<br>
<div class=“ngg-albumoverview”>

You will probably have to delve into the theme’s index file (or somewhere similar) to get rid of that. Perhaps agarcia831 can give better advice on where to look.

Otherwise, you could just hide the BR elements with a new CSS rule (say in screen.css or in the gallery style sheet):


.entry br {
  display: none;
}

It’s not the best solution, but should do the trick.

Off Topic:

congrats on becoming Mentor, ralph.m!

Many thanks agarcia831.

8

i am surprised very simple and useful feature the plugin creator did not thought about it.

9

Did you find the above solutions helpful, or so you need more suggestions?

10

i am having <br> problem what is the simplest solution?
i rather just touch nextgen css and not the theme’s

11

Did you try my suggestion above?


.entry br {
  display: none;
}
12

i did paste the code

.entry br {
  display: none;
}

.entry class is not used in css file

13

it worked thank you

it says

Tip : Copy your stylesheet (nggallery.css) to your theme folder, so it will be not lost during a upgrade

if i just move the css where i have to create the link?

14

Hmm, I haven’t played with WP plugins like this, so I’m not exactly sure where that CSS link is created. Normally you’ll find the CSS links in your theme folder:

wp-content/themes/mytheme/header.php

Not sure if this is how it works with plugins, but worth a look, anyhow.

Otherwise, if all else fails, just keep a copy of your CSS file on your computer as a backup, and copy/paste the code back in after upgrading.

EDIT: actually, I think you can access all these files through your control panel too, so if that’s what you are doing, see if you can get access to the css links in the head section and make alterations there.

EDIT2: Just checked, and you can access these files in your backend by going to Appearance > Edit, and then click on the files to the right under Theme Files. So have a look at header.php and see if the link to the gallery style sheet is there. Otherwise check the other files.

15

hi ralph,
i liked you idea of copying and pasting the css code before upgrade.I think it’s simpler.thank you.