Results 1 to 2 of 2

Thread: Font size on cool DHTML Tooltip II

  1. #1
    Join Date
    Jan 2009
    Posts
    1
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Font size on cool DHTML Tooltip II

    1) Script Title: Cool DHTML Tooltip II

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...oltip2_dev.htm

    3) Describe problem: I tried to install this script as it is. Works without problem. The only thing is that I want to reduce the font size of the text in the tip box. (Something like what this forum has at the front page with every thread) Is it to do with css? What should I put in? I am learning.

    Thank you.


    Thanks for the quick and good reply.
    Last edited by dav7; 01-05-2009 at 11:08 AM.

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Find this css code and add the highlighted:
    Code:
    #dhtmltooltip{
    font-size: 100%;
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    }
    You can change the 100% to what size you want. You don't have to specify the size in percent (although it is recommended), you can also specify a size in em (e.g. 2em) or pixels (e.g. 10px).

  3. The Following User Says Thank You to Snookerman For This Useful Post:

    dav7 (01-05-2009)

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
  •