cancel
Showing results for 
Search instead for 
Did you mean: 

Customising light box or gallery popup on Website

FIXED
Community Veteran
Posts: 38,307
Thanks: 972
Fixes: 57
Registered: 15-06-2007

Customising light box or gallery popup on Website

This, to me, seems an obvious requirement but I have failed miserably

From a Gallery View I want to control the position of the popup (lightbox I assume) so that the top edge is always below the menu bar

On a normal web page it is easy to locate an image but I have failed miserably in trying to get it to do what I want using Wordpress

This picture should explain it

2017-02-16_095016_cr.jpg

 

3 REPLIES
Community Veteran
Posts: 3,274
Thanks: 339
Fixes: 12
Registered: 24-10-2013

Re: Customising light box or gallery popup on Website

without know what scripts you are using to generate the popup, i will assume it's javascript (it looks like colorbox).
in which case you need to look in the .js file and look for the position of the box.
it could be relative or absolute position, most likely in pixels.
Community Veteran
Posts: 38,307
Thanks: 972
Fixes: 57
Registered: 15-06-2007

Re: Customising light box or gallery popup on Website

It is actually Supsystic Gallery and they claim it can't be done - I will look for a .js file

A quick look and it certainly has several colorbox js files

Community Veteran
Posts: 38,307
Thanks: 972
Fixes: 57
Registered: 15-06-2007

Re: Customising light box or gallery popup on Website

Fix

@chenks76 Thanks for the pointer - you pointed me in the right direction

A quick Google and adding this to the custom CSS gets me nearly there - it just needs to be relative to the menu rather than fixed but that should be relatively easy (I hope)

#colorbox { top: 120px !important; }

 

I got it from here http://stackoverflow.com/questions/3353577/jquery-colorbox-how-can-i-change-the-position-of-the-colo...