Change opacity of the page below
Permalink Browser Info Environment
Hi - my client wants the page content below the lightbox to be much darker so you can't really see the thumbnails when showing the lightbox. Could you tell me which code to edit to change this opacity to almost black please...??
thanks
thanks
| Type: | Discussion |
|---|---|
| Status: | New |
Brilliant thanks Jordan that's worked on the background however I seem to have lost my 5 columns now. The thumbnails have gone down to just one column. Any ideas how to get over this??
Strange. The change I showed you should have absolutely no effect on the thumbnails at all. Did you perhaps already have other customizations to the gallery template? Did you try clearing your site cache? Can you provide a link to the page?
1) Create a new directory on your server here:
2) Copy this file:
...into that new directory you created.
3) Edit the new copy (SITEROOT/blocks/sortable_fancybox_gallery/view.php), and find this code:
$(document).ready(function(){ $('a[rel="<?php echo $rel; ?>"]').fancybox({ 'transitionIn' : '<?php echo $lightboxTransitionEffect; ?>', 'transitionOut' : '<?php echo $lightboxTransitionEffect; ?>', 'titlePosition' : '<?php echo $lightboxTitlePosition; ?>' }); }); </script>...and change it to this:
$(document).ready(function(){ $('a[rel="<?php echo $rel; ?>"]').fancybox({ 'overlayOpacity': 0.3, //<-- number between 0 and 1 'overlayColor': '#666', //<-- css hex color 'transitionIn' : '<?php echo $lightboxTransitionEffect; ?>', 'transitionOut' : '<?php echo $lightboxTransitionEffect; ?>', 'titlePosition' : '<?php echo $lightboxTitlePosition; ?>' }); }); </script>4) Note that there are two new lines in that code: overlayOpacity and overlayColor. Modify those two settings to get the desired look.
-Jordan