http://www.kriesi.at/support/topic/lightbox-how-to-hide-the-arrow-controls Support Forum - Topic: Lightbox: how to hide the arrow controls? en-US Fri, 24 May 2013 18:15:05 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/lightbox-how-to-hide-the-arrow-controls#post-88341 Sat, 15 Dec 2012 14:15:04 +0000 Nick 88341@http://www.kriesi.at/support/ <p>Hi,</p> <p>Excellent. By the way, Wordpress 3.5 allows links inside Pretty Photo Descriptions . If you go to Media section of Admin, you will see each photo has a sink with ability to style your image descriptions including adding links. Since you use Flashlight, you can look at a question I just answered <a href="http://www.kriesi.at/support/topic/linkable-description-on-lightbox#post-88340" rel="nofollow">http://www.kriesi.at/support/topic/linkable-description-on-lightbox#post-88340</a> which explains how to go about doing it.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/lightbox-how-to-hide-the-arrow-controls#post-88296 Sat, 15 Dec 2012 07:01:45 +0000 Ismael 88296@http://www.kriesi.at/support/ <p>Hi Bruno,</p> <p>Glad that you've fixed it. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/lightbox-how-to-hide-the-arrow-controls#post-88271 Sat, 15 Dec 2012 04:30:46 +0000 bruwa 88271@http://www.kriesi.at/support/ <p>okay, after further testing I got it:</p> <p>a.pp_previous {<br /> display: none !important;<br /> }<br /> a.pp_next {<br /> display: none !important;<br /> }</p> <p>Regards,</p> <p>Bruno </p> http://www.kriesi.at/support/topic/lightbox-how-to-hide-the-arrow-controls#post-88256 Fri, 14 Dec 2012 23:24:21 +0000 bruwa 88256@http://www.kriesi.at/support/ <p>Hi,</p> <p>It seems that "a.pp_next" and "a.pp_previous" need to be hidden/disabled.<br /> I outcommented line 142 and 143 in the file "wp-content/themes/flashlight/js/prettyPhoto/css/prettyPhoto.css" and the arrows disappeared.<br /> I would however have preferred adding a code to the custom.css file, but I cannot figure out its syntax.</p> <p>I did a new search in the forum, looking for "a.pp_next" and found this code: </p> <p>a.pp_previous, a.pp_next, pp_arrow_previous, pp_arrow_next{<br /> display: none !important;<br /> }</p> <p>Unfortunately it did not work (even after a refresh).</p> <p>Thanks</p> <p>Bruno </p> http://www.kriesi.at/support/topic/lightbox-how-to-hide-the-arrow-controls#post-88150 Fri, 14 Dec 2012 02:09:53 +0000 Nick 88150@http://www.kriesi.at/support/ <p>Hi,</p> <p>I think this is a perfect time to test out your Chrome Developer tools to find the nodes and add display:none; to two of them for the lightbox. Very simple and I posted video a few hours ago, same concept. <a href="https://docs.google.com/open?id=0B8hqGBMSfHtKNE51dUJPZGJwdlE" rel="nofollow">https://docs.google.com/open?id=0B8hqGBMSfHtKNE51dUJPZGJwdlE</a></p> <p>Let us know how you do,</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/lightbox-how-to-hide-the-arrow-controls#post-88010 Thu, 13 Dec 2012 11:18:38 +0000 bruwa 88010@http://www.kriesi.at/support/ <p>Hi</p> <p>On mouse over an image in the lightbox arrow controls appear (on left and right edge).<br /> They don't make sense as there is only a single product's image to display.</p> <p>- How can I hide these arrows? (My search did not bring up any result)<br /> - No action should be executed when clicking on the lightbox image (currently it seems to execute the same function as when clicking on one of the arrow controls).<br /> - The only thing I want the user do with the lightbox is to open it, look at the image, then close it. </p> <p>Thanks,</p> <p>Bruno </p>