Custom Style (nggallery.css) is not ensured to be enqueued as last style

I suggest to pass the shortcode’s style name to enqueue_ngg_styles and modify enqueue_ngg_styles, so that it doesn’t call wp_enqueue_style directly anymore. Instead it should collect the passed style names in an array and make sure that another action handler is setup which will be executed after all shortcodes have been processed. This action handler then should call wp_enqueue_style for nggallery.css, passing the collected shortcode styles as dependencies array (3rd parameter of wp_enqueue_style).
Unfortunately I don’t know which action to attach the action handler to.

I’m not sure, but you can check it easily. Open the post and then make your web browser display the source code of the page. Search the code for <link rel=’stylesheet’ id=’nggallery-css’
If there come other stylesheet inclusions after this line, and those have an id that starts with ‘nextgen_’, then you suffer from the problem that I’ve described.
In my case NextGen includes the CSS for basic_singlepic, then the custom nggallery-css, and then the CSS for basic_thumbnails. It should include the nggallery-css at the end, after any other NextGen CSS definition.

Still broken in 2.0.30.

Still broken in 2.0.40.

Will this ever be fixed?

With 2.0.66.16 it is still broken. I want to use different kinds of NextGen galleries on the same page and want to customize the CSS. For instance I want to use the singlepic shortcode and afterwards (on the same page) the nggallery shortcode. I want to customize the styling of the nggallery navigation with this CSS:

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover,
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #006C36;
}

I place the CSS in the file wp-content/ngg_styles/nggallery.css and enable these customizations in the NextGen settings.
Looking at the generated HTML code, I can see nggallery.css being loaded. But it is not loaded after all other NextGen CSS files. Instead it is loaded right after the first one.
So NextGen loads nextgen_basic_singlepic.css (because of the singlepic shortcode), then my custom nggallery.css, then some other CSS files, including nextgen_pagination/static/style.css which overrides my customizations.

Of course I could mark my custom CSS definitions as !important, but I would not consider it a good solution (and as far as I remember I already tried it and ran into some new problems that I could not solve).
So best would be if custom styles would always be loaded after the last default CSS file of NextGen Gallery. This already is the case if you use only one kind of gallery per page. But as soon as you use more than one, problems arise.

TiKu

Well, as long as the problem is not solved, the topic is not really old. As the starter of this topic I’m absolutely fine with another user posting a related message to it.

TiKu