Page 1 of 1

How can I format text in Lytebox gallery?

Posted: Tue May 08, 2012 2:29 pm
by grid24
Sorry if this has been answered elsewhere - I haven't been able to find the answer I need.

I have a Gallery which uses the Lytebox template - http://www.animalsontheunderground.com/ ... he-animals

I want to be able to format the text style for the $image->titlename and the $image->comment in the Lytebox pop-up window. The format of the image name in the thumbnail gallery view is fine as it is.

I also want to hide the image count that appears in the pop-up window too.

All I can find so far is either hiding the text altogether by changing the Lytebox.js file, or changing the css, but this changes the format of ALL the text - title, comment and image count.

All I want is the title to be big and bold and blue, comment to be smaller and lighter and grey and no image count to appear at all (or, if this isn't possible, at least to be able to make it small so I can hide it a bit.

Any help greatly appreciated.

Re: How can I format text in Lytebox gallery?

Posted: Tue May 08, 2012 4:54 pm
by Dr.CSS
The text is in a span #lbCaption the numbers are in #lbNumberDisplay...

Re: How can I format text in Lytebox gallery?

Posted: Tue May 08, 2012 7:26 pm
by grid24
Many thanks for the quick reply.

I think I must be close, but maybe it's just my basic knowledge that's lacking!

The code in the Lytebox css is -

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display:block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

If I add any formating to this, for example changing the colour of the caption copy, it effects all the text (title, caption and image count.

Also, how can I remove the image count altogether?