Installed the plugin, checked the Display images in Next-Gen format on the site and the theme checkbox, i use gutenberg as editor but images are still in jpg format in front (added from the image bloc or cover bloc)

Few questions :
– image added as cover in gutenberg will not be converted ?
– image in acf field will not be converted ?

WordPress version : 6.7.1 / Timber twig custom theme

Thank you.

I have no idea what happened but this is really annoying.

I wonder if this is related to the issue I reported a while ago.

• In media lib on all images: next gen file created
• In the settings of plugin there is a notification that for a large number of images the next gen file is misssing

When checking code: file is not served with webp

When launching creation of next gen file via settings wheel keeps on spinning but nothting happens.

I have an issue occuring on my website and was wondering if anyone can help me with this.
So the issue is that the next gen galleries are showing in 1 long column instead of 5 like how it used to be (didn’t change anything)

Has anyone had this problem before?

nggallery.css:

/*
CSS Name: Default Styles
Description: NextGEN Default Gallery Stylesheet
Author: Alex Rabe
Version: 1.50

This is a template stylesheet that can be used with NextGEN Gallery. I tested the
styles with a default theme Kubrick. Modify it when your theme struggle with it,
it's only a template design

*/

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

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

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    /*border: 1px solid #fff;*/
}

/* IE6 will ignore this , again I hate IE6 */
/* See also https://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    /*border: 1px solid #cccccc;*/
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	/*border: 1px solid #cccccc;*/
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

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

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

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

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

.ngg-album-compact {
	float:left;
	height:180px;
	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:1200px;
}

.ngg-album-compactbox .Thumb {
	/*border:1px solid #000000;*/
	margin:0px !important;
	padding:0px !important;
	width:910px; 
	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: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
        width: auto !important;
        float: none !important; */
}

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

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

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

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

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

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

.ngg-clear {
	clear: both;
}

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

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	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 7px;
}

.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 h3 {
	text-align:center;
}

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

.ngg-imagebrowser-nav {
	
	
}

.ngg-imagebrowser-nav img {
	margin:0px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	margin-right:3px;
	position:relative;
	top:-10px;
	/*width:30px;
	height:30px;
	border:1px solid #6e6e6e;  
	padding:3px 7px;*/
}

.ngg-imagebrowser-nav .next {
	float:right;
	position:relative;
	top:-10px;
	/*width:30px;
	height:30px;
	border:1px solid #6e6e6e;  
	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 {
	
}

/* ----------- 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;
}

.ngg-imagebrowser-desc {
        margin-top: 5px;
        font-size: 12px;
}

Please let me know if you would require other css in order to assist me a bit i am out of ideas and been searching for a long time already, thanks!

My website is deezercorner.com.

How can I solve this problem? I need help.

I have the issue that after uploading images with the Imagely plugin, these files are actually shown in the overview of the individual galleries (I mean the overview in my WordPress Dashboard, NOT the gallery overview of the website itself), but the individual files don′t show up in the media library.

I have found posts with similar problems, but those always concern problems when the media is uploaded directly from the media library tab. But I uploaded my images with the Lightroom Imagely-Plugin

The problem that I have with this is that I cannot choose a range of images for a background slideshow on my homepage, since these are apparently drawn directly from the media library.

When looking at the “Customize Theme” tab for the global background, the window showing selectable images display a series of blank thumbnails followed by the usual pre-installed images. As I said — the images are there when I look at them in the NextGen Gallery overview.

I have a screenshot of this but I do not know how to include it with this post.

thank you for any advice and have a good day,

Heiko Knoll

In any case, here is what the tech said:
“I disabled all plugins except NextGen Gallery on your website, then switched to the default Twenty Nineteen theme, and even created a blank page and set that as the homepage (so no content shows up on frontend). I still see error message from NextGen, please see attached screenshot. The error is not coming from the theme or any of your other plugins. Can you please contact the plugin’s support and seek their advise about this error?”

Apparently, I cannot attach the screenshot he sent in this in a topic, so I must type it’s content here as best I can:
“Uncaught TypeError: Object.setProtoTypeOf called on null or undefined
at Function.setProtoTypeOf (<anonymous>)
at common.js?ver=3.2.4:150
at common.js?ver=3.2.4:241”

Please advise how this error can affect the product slider on my homepage and what can be done on your end to fix this error so it does not cause problems again. Thank you.

Why does my Image Browser only display 6 of the 13 inserted pics in my gallery? And in the gallery below I can just click back the images?

Best regards
Damian