zelldun

Ok An update on testing this issue :

I have tested this and tested this issue as per following with no outcome other than manually changed the css file below:

wp 3.9
NG 2.0.61

Test:

1. Deactivated all plugins except for NextGen Gallery, Checked all browsers IE, Firefox, Google Chrome

Slideshow fine except Google Chrome – shows 100% width about 100px in height – standard CSs in public_html/wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/slideshow/nextgen_basic_slideshow.css

a: Reverted to Twenty Fourteen theme

Slideshow still did not function correctly in Google Chrome- it was very small and not the 928px x 294px it should be – about 620 x 100px . Was very small both width and height

b:Changed Theme to current Customized Theme:

Slideshow not functioning correctly in Google Chrome (all other browsers were fine) – shows 100% width about 100px in height

I have now tested this issue in everyway that I know how on a live site…

It appears to be a Browser issue with Google Chrome and not a theme/ plugin conflict.

The ONLY way this slideshow works in all browsers is this manual fix:

.ngg-slideshow img {
/*max-width: 100% !important;
max-height: 100%;
width: auto;
height: auto;*/
border: none;
}

The issue with this fix is that it gets overridden every single update.

2. Placing the fix into the other options/ style/ show customization Otions etc for the default style does NOT override the original nextgen_basic_slideshow.css

This is a great plugin but would love to have a fix on this issue to continue to use it. I would buy the PRO version however not until I can guarantee this issue would not be the same however I don’t need all the bells and whistles of the PRO version .

Can anyone confirm if the price is a once of and is this price is a per site price as I could not see this anywhere on the website.

Look forward to any assistance.
Zelldun

Update : doesn’t work on some sites still ??

Question…someone in another post suggested to Add important! to the default css to overwrite the already important! code in the above css. This didn’t seem to work however changing the !important to another word eg !hotdog did give enough weight in IE to seem to work. This came from the following link:
https://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

Is this a suitable solution even tho it seems to work

Look forward to any feedback or advise

Regards
Zelldun

jshapiro

Glad it worked for you…but from what I can gather once you updated next gen it reverted back to the original code even with the code in the css other options section?

As for centering the slideshow…I have the slideshow the full 100% of content so I can assist you there I’m sorry ??

And yes I too would like to know why as well ?

Zelldun

Thanks Fanffan….I have just tried this and the slideshow is still not showing the complete height of the picture.

I see that several people are experiencing this issue in other posts, is Photocrati Media able to advise of a solution please?

Cheers
Zelldun

Jshapiro

I too have the same problem as per my post here
https://www.ads-software.com/support/topic/next-gen-slideshow-images-are-thumbnails-or-skinny

I have tried the above css info (I believe this goes into the following:

gallery/other options/styles – show optimization options)

However I cannot get this or any another code to overwrite the css to rectify the issue. I have a fix that involves changing the css directly the issue is every update overwrites it. See other post :)This may help you for the short term other than using an older plugin version ??

I am now in the process of changing to another slideshow as I cannot keep manually placing a fix into a css code each update… and I can’t seem to find an answer to this issue that obviously others are experiencing as well. Shame as this was such a great plugin.

Hope this helps you

Zelldun

ok have tried the default styles using the other options within Next Gen however after upgrading NG to the current version , the following stylesheet (static/slideshow/nextgen_basic_slideshow.css ) still had to be updated manually as above ?? and the pages with the slideshow had all skinny images about 50px high

The default style had the changes as follows:

.ngg-slideshow img {

border: none;
}

I would have thought this should have overwritten the old style in the nextgen_basix_slideshow.css

I also tried to place the default css in the themes folder but this didn’t work either just brought up an update error in the backend of the site.

I can’t even test this with plugins etc as all the sites are live sites…if a create a new wordpress site etc…all the plugins etc will be the new versions…. all these sites have a variation of plugins so I can’t seem to identify a conflict. They also have different themes?

A puzzle indeed?

Any thoughts?

Appreciate any assistance.

Cheers
Zelldun

Thank you Ph_renny…Thank you…appreciate your help…will try this . I suspect it is just the thing thanks

Regards
Zelldun

Thanks for that however where is the best place to add this code so that any plugin update will not overwrite the code change?

Ok….found the css file

For anyone else experiencing the above issue here is the fix that worked for me in all browsers (chrome, ie and firefox)

Please note this worked for me and please ensure you have a backup of your files etc before attempting this fix.

MY FIX:

via ftp:

navigate to:

public_html/wp-content/plugins/nextgen-

gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/slideshow/nextgen_basic_slideshow.css

Edit file:

approx: Line 36 find

.ngg-slideshow img {

remove:

max-width: 100% !important;
max-height: 100%;

width: auto;
height: auto;

Save file and upload.

HOpe this is just a temporary fix and will not be needed to be changed after all updates

Regards
Zelldun

Dear Becky

Thank you for your response. I appreciate that you are all busy and I don’t expect one on one support and I apologise if you thought that was what I was after. I did assume however, that the support forum here is monitored daily due to the number of people using your free version, which, when I noticed no movement on any forum support questions I asked the question regarding Photocrati’s free support. I apologise again if this offended you.

I have attempted to look for the css file in the Next gen gallery files however I can see no css files to alter to try the fix that sneader had. I will as a last resort try the beta, however as you would appreciate the 2 sites at this stage that I have the issue on are live sites and using beta plugins is not ideal for me.

It appears it is neither a plugin or theme issue with me as both have been deactivated on both sites and the issue still remains.
Regards
Zelldun

Unfortunately the problem did not go away when I switched themes or removed other plugins and I have two sites all different plugins and themes with the same problem ?

Thanks Sneader

Regards Zellun

Yes Sneader it appears to be the same problem as I have with the slideshow….

Is the new owners Photocrati Media supporting this plugin at all now? I have over 100 sites using this plugin as a slideshow and I know that it is a free plugin, however it has always been an easy and stable plugin for clients to change images etc in their slideshows and update.

It was also updated and upgraded constantly to keep up with the ever changing world of the internet. I do no intend to sound ungrateful or pushy as to date this has always been the preferred plugin for slideshows, however I would appreciate any communication and or support to enable me to make an informed decision.

I have looked at the Pro version however I am not sure if that this is a once of Plugin cost or per website cost? Nor am I keen if it too is having issues?

Again any assistance or guidance would be appreciated

Regards
Zelldun

I haven’t got a link but I have posted the HTML below from the front page . This seems to be the issue with me it is something to do with the html coding as all other pages eg new pages etc work perfectly.
Trust this helps. ??

<div class="art-content-layout">[meteor_slideshow]</div>
<div class="art-content-layout-wrapper layout-item-1">
<div class="art-content-layout layout-item-2">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-3" style="width: 25%;">
<div class="art-collage" id="upgoers2" style="position: relative; display: inline-block; z-index: 0; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; border-width: 0px; float: left;"></div>
<h4><a href="https://xxxxx/contact"><img class="alignleft size-full wp-image-27" alt="xxxxx Hire" src="https://www.xxxxx/wp-content/uploads/2012/12/xxxxx100.png" width="100" height="100" /></a>PERSONNEL</h4>
Qualified and Experienced Staff

</div>
<div class="art-layout-cell layout-item-3" style="width: 25%;">
<div class="art-collage" id="upgoers43" style="position: relative; display: inline-block; z-index: 0; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; border-width: 0px; float: left;"></div>
<h4><a href="https://xxxxx/equipment-hire"><img class="alignleft size-full wp-image-28" alt="x Hire" src="https://www.xxxxx/wp-content/uploads/2012/12/021159-hwc-018-100.png" width="100" height="100" /></a>Hire info</h4>
xxx Equipment.

</div>
<div class="art-layout-cell layout-item-3" style="width: 25%;">
<div class="art-collage" id="upgoers532" style="position: relative; display: inline-block; z-index: 0; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; border-width: 0px; float: left;"></div>
<h4><a href="https://xxxxx/faq"><img class="alignleft size-full wp-image-29" alt="xxxxx Hire FAQ" src="https://www.xxxxx/wp-content/uploads/2012/12/hwc-grandview-41-100.jpg" width="100" height="96" /></a>FAQ</h4>
We have a range of</div>
<div class="art-layout-cell layout-item-4" style="width: 25%;">
<div class="art-collage" id="upgoers33" style="position: relative; display: inline-block; z-index: 0; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; border-width: 0px; float: left;"></div>
<h4><a href="https://xxxxx/contact"><img class="alignleft size-full wp-image-27" alt="xxxxx Hire" src="https://www.xxxxx/wp-content/uploads/2012/12/xxxxx100.png" width="100" height="100" /></a>CONTACT</h4>
Please do not hesitate to contact us.

</div>
</div>
</div>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell layout-item-5" style="width: 20%;">
<h3>LATEST NEWS</h3>
<h4><span style="color: #a6a6a6;">20/12</span></h4>
<span style="font-size: 11pt; line-height: 115%; font-family: Calibri;">Merry XMAS from the xxxxx Hire team thanks for 2012, party and travel safe</span>
<h4><span style="color: #949494;">19/12</span></h4>
      <span style="font-size: 11pt; line-height: 115%; font-family: Calibri;">xxxx ready
      to go over the festive season for emergency bypass and flow management.
      We hope you are with family and friends but if it hits the fan we are here
      for you. Call x </span>
      <h4><span style="color: #a6a6a6;">18/12</span></h4>
<p class="MsoNormal">xxxxx Hire web site goes live - welcome to a new beginning in pump hire quality and service.</p>

</div>
<div class="art-layout-cell layout-item-5" style="width: 30%;"><img class="alignleft size-full wp-image-31" alt="robsons" src="https://www.xxxxx/wp-content/uploads/2012/12/123.png" width="200" height="267" /></div>
<div class="art-layout-cell layout-item-5" style="width: 30%;">
      <p class="MsoNormal"><b><span style="font-size: 16pt; line-height: 115%;">xxxxx
        for Hire when you want it, where you want it!</span></b></p>

<h1></h1>
We are passionate about xxx, xxxxx x was founded with the goal to provide xe equipment maintained to the highest standard available when you want it, where you want it.

<a class="art-button" href="https://www.xxxxx/equipment-hire/">Read More ....</a>

&nbsp;

</div>
<div class="art-layout-cell layout-item-5" style="width: 20%;">
<h3>Connections</h3>
&nbsp;

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/FollowCompany" data-id="xxx" data-counter="none"></script>
</div>
</div>
</div>

Thanks for your assistance. Sorry for the delay in responding, look forward to your feedback

Regards
Zelldun

Fix it (not sure it this is the right thing to do but it works ??

SLIDESHOW NOT WORKING ON PARKED DOMAINS:

Take a back up of

/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js file

Then find this code (in between ‘/s ?? )
‘var url = s.domain + ‘index.php?callback=json&api_key=true&format=json&method=gallery&id=’ + s.id;’

Now remove s.domain + like the example below:
‘var url = ‘index.php?callback=json&api_key=true&format=json&method=gallery&id=’ + s.id;’

Hope this helps someone else

Regards
Zelldun