Advanced Search

Results 1 to 4 of 4

Thread: Changing Title Text Font and Position using Image Thumbnail viewer

  1. #1
    Join Date
    Mar 2010
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Changing Title Text Font and Position using Image Thumbnail viewer

    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

  2. #2
    Join Date
    Jan 2008
    Posts
    4,158
    Thanks
    28
    Thanked 623 Times in 619 Posts
    Blog Entries
    1

    Default

    Find this in the css and add the highlighted:
    Code:
    #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;
    }
    Jeremy | jfein.net

  3. #3
    Join Date
    Mar 2010
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Mar 2010
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •