Kimberly

Just a heads up:

RL v1.6.3 adds an emtpy title=”” attribute even for <a..> tags that already have title attributes. For example this is what 1.6.3 produces for each image link:

<a href="https://mydomain.com/" title="my title" title="" data-rel="lightbox-gallery-joK4"><img src="image.jpg"></a>

Note the extra title=”” which results in a W3C validation error due to two title attributes.

it will be in the corresponding css file for the lightbox script you picked in RL. Just add your modifications into your style.css which should override the lightbox’s default values.

Ahh good idea…will give it a try….thanks for the headsup.

I’ll have a look later tonight/tomorrow. In the mean time i notice you have compressed your html but also have:

<script> jQuery(document).ready(function( $ ){ //jQuery(

Note the “//”. This will trigger a javascript error because your comment indicator (//) is preventing the closing “})”. I personally prefer to use /* */ instead so when i end up compressing my html these errors wont accidentally happen (assuming compressors leave comments).

This likely isnt what is causing your problem but just wanted to let you know.

Anyway, ill get back to you when i figure things out.

Kimberly

interesting. Sure send me the zip file via a google drive share and i will have a look.

1. Firstly, i recommend you upgrade to the lastest WP (4.3.1) since 3.4.x had some critical security vulnerabilities.

2. I only found 1 image link on the url u gave above. It was only when i clicked it, it showed a larger version but then i could use the navigator arrows to go to the next images. Where are the other image placeholder links on this page for me to see your problem?

Hi again! Happy to help! Ideally if you can have the live version of the site running online, showing the problem, that would be more ideal than the zip file. My concern is if i get the zip file and install i wont see the same problem ?? . I prefer to see the problem in action online so i can then run Firebug to analyze what is going on.

Cheers,
Kimberly

I checked your image. Can you give me access to a test page (e.g. your site) and i can figure it out for ya. I’ve been playing with nivo for a few weeks now so i feel comfy with it.

So to be clear the problem is, when you launch the lightbox the image is correctly centered (vertically and horizontally) but when u begin to resize the browser the image, although correctly centers horizontally it does not do the same vertically (the image appears to anchor at the top as it shrinks vertically. Do i have that right?

Quick guess is your .nivo-lightbox-wrap class’s top attribute has a fixed value instead of a %. I wont know until i see your live page.

Just to clarify, i mean that your code includes a title attribute when none exists. So even if the tag had no title attribute, your code includes one anyway, making it empty: title=””

Ideally, if no title attribute exists for the anchor tag to begin with then don’t include one (even if you are making it empty).

It’s not a big deal but html compression plugins are made less efficient because of this (most don’t realize to drop empty title attributes).

To speed things up the problem areas are on lines: 111, 114, and 118 of class-frontend.php.

and would need to include something like the following on each of those 3 problem lines:

( ! empty ( $title ) ? ‘ title=”‘ . $title . ‘”‘ : ” )

Thanks!

Might want to include more info such as which lightbox script u selected and ideally a webpage showing the problem. I would have loved to see it and gave you an answer but ??

@dfactory is correct in that it is specifically related to the .nivo-lightbox-wrap class and it’s top:10%, bottom:10% attributes. In your style.css file just add:

.nivo-lightbox-wrap { top:initial;bottom:initial; }

Just note that when you do this your image, if smaller than the screen, will now appear at the top of the page instead of being centered.

Maybe i am missing something but i checked your site. Works fine.

Thank you!

Oh and i already read through the “Other Notes” section and used the “Settings” (e.g. left it on Apply to All Images) and disabled all plugins (this is a fresh install of WP). Very strange it doesnt work at all. There are no errors displaying in firebug (debugger). There is no error_log created. I can only assume this plugin is not compatible with 4.3. I tried. On the bright side, every other lightbox responsive plugin available works fine that ive tried (except this)..even ones that havent been tested on 4.3. Hope to one day see this thing function as well. Needs more work.

Because the author seems to have ignored you i am here to answer. You could add a filter in your functions php of your theme to look for and strip the “-gallery” attribute value from that specific page/post. Just add a filter to “the_content” and do your thing.