Hi

Does anyone have a hack to force the prev/next buttons to appear all the time when using the Lytebox template? (there is one for slimbox)

Thanks

Hi,

I have exactly the same question.

Can somebody help us??

Thanks

It's all a CSS matter.

You have to open the lytebox.css, find the #prevLink, #nextLink.

Then you have to take the background images given to the hover state and simply place it to the no hover state.

Note that you have to erase the previous backround that has been given to the #prevLink, #nextLink, as shown below:
#prevLink, #nextLink {background:transparent url(../blank.gif) no-repeat;/* Trick IE into showing hover */}

That was it. You now have permanent previous/next buttons with every box :)

Read the following topic if you have any questions
forum.joomlaworks.net/index.php?topic=669.0

Thank you very much indeed!!

im struggling with this, read all the posts, I want to be able to do two things.

1. Make the next prev buttons perm
2. Move the buttons down below the label text.

This is my code

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

Anyone ?