PDA

View Full Version : Changing Title Text Font and Position using Image Thumbnail viewer



gazza1234
03-15-2010, 10:30 PM
1) Script Title: Image Thumbnail Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

3) Describe problem:

Is it possible to change the Font Style and Size for the "Title" Text when using the Image Thumbnail Viewer.

I have the script on my website, it looks really good, however the Title text (which I have currently Disabled) appears aligned left.

I would like to position this in the Center of the Image and change the font style.

The position of the "Close X" Link is fine so I don't need to move this.

Thanks

Nile
03-15-2010, 11:04 PM
Find this in the css and add the highlighted:


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
text-align: center;
color: green;
}

gazza1234
03-16-2010, 11:37 AM
Thanks for the reply I will try this out.

A couple of things to confirm

I presume for Font Style I need to add

font-family: Arial;

Font Size

font-size: 10px;

Also as a final question is it possible to wrap the text in the Title.

This is a brilliant script and has improved my photo display no end

gazza1234
03-17-2010, 08:26 AM
Found out how to add the Font style, change Text Colour and adjust size.

Absolutely Brilliant script, improved the display of my photos no end

Many thanks