http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height Support Forum - Topic: PrettyPhoto overlay exceeds image height en-US Wed, 22 May 2013 19:19:35 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-81150 Fri, 26 Oct 2012 09:30:39 +0000 Dude 81150@http://www.kriesi.at/support/ <p>Hey! </p> <p> Yes, Kriesi released his new theme Incarnation a few days ago and he'll take care of the theme updates now. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-81147 Fri, 26 Oct 2012 09:00:53 +0000 nuforms 81147@http://www.kriesi.at/support/ <p>Hey Dude,</p> <p>Thanks, seems it did the job :)<br /> Do you have any news regarding new Choices version?</p> <p>BR,<br /> Aleksandr </p> http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-81140 Fri, 26 Oct 2012 07:48:58 +0000 Dude 81140@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try to add following code to css/custom.css:</p> <pre><code>a[rel^=&quot;lightbox&quot;]{ font-size: 1px; line-height: normal; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-81022 Thu, 25 Oct 2012 09:09:31 +0000 nuforms 81022@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Thanks, waiting for the fix.</p> <p>As I see there are many fixes individually done in Choices thread.<br /> I wonder, will there be a new Choices version? Hope it is so.</p> <p>Thanks,<br /> Aleksandr </p> http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-80932 Wed, 24 Oct 2012 20:18:12 +0000 Devin 80932@http://www.kriesi.at/support/ <p>Hi Aleksandr,</p> <p>I've tagged the post for Peter to take a look at as he is much more familiar with prettyPhoto and should be able to give some input on what the best solution would be in the long term.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-80723 Tue, 23 Oct 2012 08:36:59 +0000 nuforms 80723@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>I'm sorry, but this fix doesn't work, now it's shorter.<br /> <a href="http://demo.nuforms.com/nfwp/" rel="nofollow">http://demo.nuforms.com/nfwp/</a></p> <p>You adjusted overlay image to one size, but it's dirty fix that doesn't solve the bug.<br /> It really strange that native WordPress image inserting doesn't work properly with PrettyPhoto.</p> <p>Hope you can provide common fix for this problem.</p> <p>Thanks,<br /> Aleksandr </p> http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-80680 Mon, 22 Oct 2012 19:35:48 +0000 Nick 80680@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please add this to your Quick CSS.<br /> <pre><code>.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {height: 99%;} } @media only screen and (min-width: 768px) and (max-width: 989px) { .lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {height: 99%;} } @media only screen and (max-width: 767px) { .lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {height: 98%;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {height: 98%;} } @media only screen and (max-width: 479px) { .lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {height: 96%;} }</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/prettyphoto-overlay-exceeds-image-height#post-80543 Sun, 21 Oct 2012 08:53:56 +0000 nuforms 80543@http://www.kriesi.at/support/ <p>Hello support team!</p> <p>I found one small thing that is really annoying and I tried to find css and js solution for it with no success.</p> <p>PrettyPhoto overlay exceeds image height in <strong>6px</strong><br /> You can see it here on top image of demo site with latest Choices 1.5 and dummy data:<br /> <a href="http://demo.nuforms.com/nfwp/" rel="nofollow">http://demo.nuforms.com/nfwp/</a></p> <p>What I did:<br /> 1) Inserted into post image linked to itself through WordPress<br /> 2) Added rel="lightbox" to a tag</p> <p>Here is the code:</p> <p><code>&lt;a href=&quot;http://demo.nuforms.com/nfwp/wp-content/uploads/2012/04/0133.jpg&quot; rel=&quot;lightbox&quot;&gt;&lt;img src=&quot;http://demo.nuforms.com/nfwp/wp-content/uploads/2012/04/0133.jpg&quot; alt=&quot;&quot; title=&quot;013&quot; /&gt;&lt;/a&gt;</code></p> <p>I tried different images and result always the same: there is 6px on the bottom overlay that looks not so pretty.<br /> I know it's possible to apply css with overlay:false; to outer div with certain height, but I'ts bad if you have different images with different height..</p> <p>Can you please help.</p> <p>Thanks,<br /> Aleksandr </p>