Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 12, 2014 at 2:51 pm #303220
    Munford

    HI
    On this page: http://wp.marlowfilm.dk/
    there is a rollover transparency on the fullcreen slideshow images that I would like to remove but I can’t find the code.
    Is it also possible to have the slideshow images open in lightbox only on the mobile? The fullscreen slideshows look
    kind of small on the phone.
    Thanks for your help!
    Nancy

    August 12, 2014 at 3:04 pm #303230
    Yigit

    Hi Munford!

    You have following code in Quick CSS field, please remove it

    img:hover {
opacity: 0.5 !important;
}

    Please firstly link your slider images and then add following code to Functions.php file in Appearance > Editor

    function add_custom_slider_link(){
?>
<script>
jQuery(window).load(function(){
  if (jQuery(window).width() >= 768){	
	   jQuery("ul.avia-slideshow-inner li a").removeAttr("href");
  }
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_slider_link');

    Regards,
    Yigit

    August 12, 2014 at 6:43 pm #303375
    Munford

    thanks! the img: hover setting was for the portfolio grid – how can I make it only display there?

    August 12, 2014 at 8:55 pm #303414
    Yigit

    Hey Nancy!

    Please use following code instead 

    .grid-image img:hover {
opacity: 0.5;
}

    Regards,
    Yigit

    August 12, 2014 at 10:57 pm #303461
    Munford

    so simple. thanks again.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘fullscreen slideshow rollover/ lightbox on mobile?’ is closed to new replies.