Support » Theme: Customizr » How to change lightbox image size

  • Resolved bibigeon



    Basicaly I’ve had issues with the lightbox size depending on what browser I’m using. Chrome seems to be fine, although Firefox is just throwing pictures full sized when clicking on thumbnails.

    Is there anyway to fix this ? And is there a way to close a lightbox when clicking outside the picture area ?

    Thank you very much for your help, you’ve done a great job with this theme !

    The website is

Viewing 11 replies - 1 through 11 (of 11 total)
  • bibigeon


    update : For some reason, I can’t even egt the lightbox to scale the browser resolution on chrome now…it just trows huge pictures :-/

    Theme Author Nicolas GUILLAUME


    Hi bibigeon,

    As of now, there is no option for scaling lightbox images.

    If you feel like drilling down into the code, you can modify the following line in customizr/inc/js/tc-fancybox.js. Replace

    'autoScale' : false,


    'autoScale' : true,

    and that will force lightbox images to fit the screen.

    It could definitely be a improvement in the theme options.

    Hope this helps!



    Neat! Can you add this to the basic theme so we don’t need to re-edit every upgrade?



    Thanks a lot nikeo ! It works perfectly.




    And is there a way to close a lightbox when clicking outside the picture area ?

    Yes. Follow @nikeo‘s instructions and change 'overlayShow' : false, to 'overlayShow' : true, and add 'hideOnOverlayClick' : true,

    Don’t make the mistake I made a few weeks ago of forgetting to refresh the browser page before checking the code works. I gave up trying to make these changes as nothing seemed to work. Nikeo’s post gave me the courage to try again and voilĂ !



    Closing the fancybox by clicking outside it is a great suggestion.



    Now that the autoscale option has been added to the basic theme (3.0.5) and Nikeo has done some moving around of files, you need to edit class-fire-ressources.php to change 'overlayShow' : false, to 'overlayShow' : true, and add 'hideOnOverlayClick' : true,

    You all are awesome. <3
    Nikeo, make sure you send me a mail whenever you get a premium package going, Ill get it just to reward you for the great job !

    Hi I noticed that the class-fire-ressources.php has been changed recently, so the above doesn’t work anymore since ‘overlayshow’ isn’t in there anymore. ( if you’ve done the above in a child theme, the entire lightbox effect is gone and images just open in the active window )

    So where to add ‘hideOnOverlayClick’ now ?

    How do I increase the size of the lightbox? My images fill the urgent box with no problem, but it seems that I am only using about 40% of the basic window and I would like to increase that size a bit.

    @mharrisw, please start a new Topic. This one is marked [resolved]

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to change lightbox image size’ is closed to new replies.