PDA

View Full Version : Resolved Font size on cool DHTML Tooltip II



dav7
01-05-2009, 10:45 AM
1) Script Title: Cool DHTML Tooltip II

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2_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.

Snookerman
01-05-2009, 10:55 AM
Find this css code and add the highlighted:

#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).