Problem with lightbox not showing next/prev. arrows... [solution]

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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Problem with lightbox not showing next/prev. arrows... [solution]

Post by Dr.CSS »

If you use Album and try the lightbox template but can't seem to get the next/prev. link images to show, I've found a solution...

Go to Album and on option tab click View Default Stylesheet then copy it to paste into a new style sheet and uncheck Auto Link Stylesheet: attach new style sheet to template and they appear, this after trying every trick in the book what a simple thing...

Your mileage may vary...
Last edited by Anonymous on Thu Nov 15, 2007 1:56 pm, edited 1 time in total.
elimak

Re: Problem with lightbox not showing next/prev. arrows... [solution]

Post by elimak »

What helped me solve this issue was changing the path in the lightbox.css from relative to the absolute path.

If you look at the file in /modules/Album/templates/db/lightbox/css/lightbox.css the images are linked in with url relative to the css file ../images/prevlabel.gif
changing it to /modules/Album/templates/db/lightbox/images/prevlabel.gif solved the issue.

A word of caution CMSms does not use the lightbox.css directly so you might have to update the paths in the album style-sheet
/modules/Album/css/stylesheet.css

This is not a permanent fix for this issue since the path is absolute & would break if you're running CMSms from a subfolder.  :(
User avatar
Gillian.Hesse
Forum Members
Forum Members
Posts: 37
Joined: Thu Nov 08, 2007 1:29 pm

Re: Problem with lightbox not showing next/prev. arrows... [solution]

Post by Gillian.Hesse »

Can I be a bit dense here (sorry I'm a newbie!)
Go to Album and on option tab click View Default Stylesheet then copy it to paste into a new style sheet and uncheck Auto Link Stylesheet: attach new style sheet to template and they appear, this after trying every trick in the book what a simple thing...
How do I attach the new new style sheet.  There doesn't seem to be a gui provided so I assume I need to add the link to the stylesheet directly into the template myself.  I tried adding the following to the lightbox template (thru the edit link in the templates list)

Code: Select all

<link rel="stylesheet" type="text/css" href="modules/Album/css/stylesheet_correction.css"/>
but no luck (even after clearing the cache).

Thanks alot

Gill

p.s.  I was looking at a site that was linked from another thread about lack of lightbox and his lightbox album was being presented as a slideshow.  How do you do that?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Problem with lightbox not showing next/prev. arrows... [solution]

Post by Dr.CSS »

Once you create a new style sheet you have 2 ways to attach it to a template...

1) go to Layout > Templates click orange CSS icon to the right of the template name find CSS in drop down click Attach Style Sheet button...

2) go to Layout > Style Sheets click orange CSS icon to the right find name of Template in drop down click Attach button...
User avatar
Gillian.Hesse
Forum Members
Forum Members
Posts: 37
Joined: Thu Nov 08, 2007 1:29 pm

Re: Problem with lightbox not showing next/prev. arrows... [solution]

Post by Gillian.Hesse »

Dear Mark,

I understand now.  I'm attaching the copied stylesheet to the page template that I'm using.  I thought I was supposed to attach the new style sheet to the Album template which didn't appear to be possible.

And it works.  Yippeeeeee

thanks 

Gill
Post Reply

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