Tagged: phantom gallery lines lightbox
-
AuthorPosts
-
September 25, 2013 at 08:56 #1843AnonymousInactive
Hi Rattus, the phantom modul Gmedia Gallery is really nice thank you (but also your flagallery) I just have a problem I can’t fix : on the lightbox appear two horizontal lines with the name of the picture on each image (on Safari but also Firefox). Could you tell me how to suppress them ? Are they a kind of backlink label ? If yes, where shall I buy a license key ? (I didnt’ find any for the phantom module)
Here is a link with one page http://www.adluminem.com/?page_id=1195
Furthermore, the lightbox does not seem to be resizable on other devices (especially on Ipad). Is the lightbox responsive ? If no, is there a short code to make it responsive ?
Thank you very much for your answers
JulescrespSeptember 25, 2013 at 15:32 #1847RattusKeymasterYour theme’s css override module’s css. I’ll fix this in next module version.
For now you can add code below to module’s Custom CSS field on Advanced Settings tab:.gmPhantom_CaptionTitle .title { margin: 0; background: none; }
September 25, 2013 at 17:11 #1848RattusKeymasterAlso on touch devices lightbox should looks different from desktop browsers.
* move image to top edge for share
* move image to bottom edge for closing lightbox
* swipe left or right for next or previous image
* tap on image to show / hide caption
* ability to scale image with two fingersSeptember 26, 2013 at 13:16 #1854AnonymousInactiveThank you Rattus, it works perfectly now.
Concerning the lightbox aspects on smaller devices, I understand that the lightbox is not responsive
At last, I would like the gallery to be upper situated (the grid is situated at the bottom of the page)http://www.adluminem.com/?page_id=1195
Could you tell me how to fix that ?
Thank you in advance,
JulescrespSeptember 26, 2013 at 22:49 #1855RattusKeymasterIt is fully responsive. Phantom Lightbox can fit any window size (even when you resize browser window) and it also perfectly fits to screen of touch devices.
I don’t understand “the grid is situated at the bottom of the page”?
If you want to remove the gap between menu and gallery, then you can add this code to Custom CSS field:#gmPhantom_ID1 { margin-top: -55px; }
September 30, 2013 at 10:21 #1881AnonymousInactiveThank you for your answer Rattus,
You’re right, it fits perfectly on my Iphone but the lightbox does not seem to be centered on Ipad.
Regarding the gap between menu and gallery, I unfortunately don’t know where to add this code in the Custom CSS field.
If you have two more minutes to tell me where, it would be great,
Thank you in advance,
JulescrespSeptember 30, 2013 at 21:25 #1887RattusKeymasterGo to Gmedia Manage Galleries… -> find created gallery with ID=1 and click Edit icon in last column -> open Advanced Settings Tab -> insert css code and Save
Note: there is new version of Phantom Module available. To update modules go to Manage Galleries… page -> Available Modules tab and click module’s update button.September 30, 2013 at 22:29 #1890AnonymousInactiveFantastic !
Thanks rattus ! -
AuthorPosts
- The forum ‘Troubleshooting’ is closed to new topics and replies.