NextGEN Gallery Stylesheet NOT Upgrade-safe

Thanks everyone. Your comments have been helpful and supportive.

Just a comment to child-theme use: it is a good solution as long as you stick to one theme (name / folder).

My usual practice with sites I maintain is that I create a theme with a new name and folder always when there are major design or functional changes in the layout. Doing that you always need to change your child theme (template & theme folder) when the used theme changes. If you have a similar approach, then ngg_folders is a better option for NextGEN edits, as it basically should be upgrade safe within NGG and you only need to touch that if you make any edits into NGG’s css.

And for others and especially @photocrati: my personal site’s current theme seems to include something that breaks both the use of a child theme and the use of ngg_styles folder (Styles edit) – but direct edits to NGG’s thumbnail css file works ok. My other themes seem to work ok with NGG’s “Styles” edits.

@vesat, if you create a custom theme by renaming a theme, then you don’t need to create a child theme, as the re-named theme will no longer be associated with the original as far as theme upgrading is concerned. Maybe I’m missing something.

@frontierblogger, I create my themes from scratch. Every time a site which uses my theme and needs a major change in the design I create a totally new theme and give it a new name. In those cases you need to change the style.css of the child theme to use the new theme ie. its template name and folder.

If you name your new theme the same as your previous theme you can avoid changing the child theme – but that in my experience easily leads to situations where you would not really have a possibility to go back to a previous theme in a controlled way if something would be wrong with the new theme.

@photocrati :

Hi, I have a WP hosting with >100 websites, no-one haves (and should have) access to wp-content.
I ask you a way or trick to remove or ignore this message, because I DO want nextgen css files to be in the template folder.

I have been waiting to upgrade Nextgen for some time. However it kept breaking other sliders in my theme. With 2.40, it does not break the theme, but it is only using some of my stylesheet changes. One main problem is that it is now displaying the image file name above the thumbnails. I had this turned off previously. Not sure what to do to fix this. Below is my style sheet:

/*
CSS Name: Hovereffect Styles
Description: Hover Stylesheet based on the idea of Hoverbox from https://host.sonspring.com/hoverbox/
Author: Alex Rabe - Orginal by Nathan Smith
Version: 1.60

This is a template stylesheet which doesn't support description below the thumbnails. It's a experimental version.

*/

/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
    margin-top: 0px;
    float: left;
    display:inline;
}

.ngg-album {
    margin: 5px 0px 0px 5px;
    float: left;
    display:inline;
}

.ngg-albumtitle {
	text-align: left;
	font-weight: normal;
	color:inherit;
	margin: 5px;
	padding-bottom: 0px;
	font-size:70%;
	margin-bottom: 1px;
}

.ngg-thumbnail {
        float: left;
        border-width:0px;
        color:inherit;
        padding:0px;
}

.ngg-thumbnail img {
        background-color:#FFFFFF;
        border:1px solid #A9A9A9;
        margin:4px 0px 0px 5px;
        padding:2px;
        position:relative;
}

.ngg-thumbnail img:hover {
        background-color: #A9A9A9;
        filter: alpha(opacity=80);
        -moz-opacity: .8;
        opacity: .8;
}

.ngg-description {
        text-align:left;
        color: #FFFFFF;
        clear:both;
}

.ngg-albumoverview a {
	color:inherit;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	padding-right:6px !important;
	margin:0px !important;
	text-align:left;
	width:120px;
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}

.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px;
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
        overflow: hidden;
        margin-top: 0px;
	margin-left: 5px;
	width: 100%;
        clear:both;
        display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin: 5px 10px 10px 0px;
   padding:10px;
}

.ngg-gallery-thumbnail-box {
	float: left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: left;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;
	margin:4px 0px 4px 5px;
	padding:2px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
	filter: alpha(opacity=80);
        -moz-opacity: .8;
        opacity: .8;
}

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:70%;
	padding-left:5px;
	display:block;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	display:block !important;
	padding-top: 15px;
    padding-bottom: 2px;
	text-align:center;
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev,
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 8px;
    text-decoration: none;
}

.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: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {

}

.ngg-imagebrowser h1 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	outline: none;
}

.slideshowlink {

}

/* ----------- JS Slideshow -------------*/
.ngg-slideshow {
    overflow:hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.ngg-slideshow * {
    vertical-align:middle;
}

/* See also : https://www.brunildo.org/test/img_center.html */
.ngg-slideshow-loader{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}

.ngg-slideshow-loader img{
    background: none !important;
    border: 0 none !important;
    margin:auto !important;
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px;
	padding:1px;
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;
}

.ngg-galleryoverview div.pic img{
	width: 100%;
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

#TB_window {
	z-index: 9999 !important;
}

@rldev – I would recommend you create your own topic rather than try to reactivate this old topic which is most likely not related to the issue you are seeing.

Thanks!

– Cais.

@photocrati : what about our problem ?
why are you removing this essential function screwing up all before working configurations ?

@Elan42.com – Are you referring to a Multisite installation … and are you still seeing this message with the latest version of NextGEN Gallery installed and activated?

– Cais.

yes I do: nggallery.css is currently stored in /*/wp-content/themes/patriziadipaolo_com/nggallery.css, which isn’t upgrade-safe. Please move the stylesheet to /*/wp-content/ngg_styles to ensure that your customizations persist after updates.

I’m also saying that it’s just stupid to show this error,
and to avoid people using this “in-theme” configuration.