Album - how to adjust height of lightbox

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
jasnick
Power Poster
Power Poster
Posts: 695
Joined: Sat Jan 15, 2011 8:36 am

Album - how to adjust height of lightbox

Post by jasnick »

Using 1.10.3 and latest Album - default template

I have just noticed that in IE the "lightbox" part of album (showing the larger versions of the images) is so far down the screen that the caption area is cut off.

Where do I go to adjust this if I can? The css for the module seems to apply only to the page that shows the thumbnails.

Thanks
jasnick
Power Poster
Power Poster
Posts: 695
Joined: Sat Jan 15, 2011 8:36 am

Re: Album - how to adjust height of lightbox

Post by jasnick »

modules/Album/templates/db/default/default.css

Just found this - I think I need to edit

#TB_window
top: 50%;

change to top: 35% - just for IE

How do I do this? If it was an HTML page I would just add a conditional comment - not sure how to do it in CMSMS.

Thanks

Just to test, I changed to top:10%. FX shows change - image box moved to top of screen, IE unchanged. Also tried
* html {top: 10%;} but nothing changed in IE.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Album - how to adjust height of lightbox

Post by Dr.CSS »

That style sheet is for the install, after install it should be in layout > stylesheets attach it to the page template or put it in the page Options metadata box...

As far as targeting IE or any other browser...

http://forum.cmsmadesimple.org/viewtopi ... 20&t=29755
jasnick
Power Poster
Power Poster
Posts: 695
Joined: Sat Jan 15, 2011 8:36 am

Re: Album - how to adjust height of lightbox

Post by jasnick »

Dr.CSS - that particular stylesheet is not in my layout/Stylesheets at all. I have an Album Module stylesheet only, which doesn't cover what I need to change.

Anyway, came across this : a Thickbox bug fix for IE: change
#TB_window
top: 50%;
to

#TB_window
bottom: 10%;

The result looks OK to me but I have a large screen so will get the client to check it out.
Post Reply

Return to “Layout and Design (CSS & HTML)”