How can I format text in Lytebox gallery?

Have a question or a suggestion about a 3rd party addon module or plugin?
Let us know here.
Post Reply
grid24
Forum Members
Forum Members
Posts: 15
Joined: Fri May 04, 2012 1:53 pm

How can I format text in Lytebox gallery?

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

Re: How can I format text in Lytebox gallery?

Post by Dr.CSS »

The text is in a span #lbCaption the numbers are in #lbNumberDisplay...
grid24
Forum Members
Forum Members
Posts: 15
Joined: Fri May 04, 2012 1:53 pm

Re: How can I format text in Lytebox gallery?

Post 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?
Post Reply

Return to “Modules/Add-Ons”