CMSExt - CMS Extension

You are here:

How to modify tooltip style

Author:: Administrator
Date added:: Thursday, 09 October 2008
Last revised:: Monday, 13 October 2008

Hits:: 4026
Rating:
Vote for this:: -

Answer

Q:

How do I change the tooltip style to emulate the demo page? (the speech box with yellow background

I have changed other aspects with a class suffix..

Thanks

A:

You can modify CSS style at file: /templates/system/css/general.css with

/* Tooltips */
div.tooltip { float: left;background: #ffc;border: 1px solid #D4D5AA;padding: 5px;
max-width: 200px;z-index:13000; }

div.tooltip h4 {
	padding: 0;margin: 0;font-size: 95%;
	font-weight: bold;margin-top: -15px;padding-top: 15px;
	padding-bottom: 5px;background: url(../images/selector-arrow.png) no-repeat;
}
div.tooltip p { font-size: 90%;	margin: 0;}

Or copy above code into file /modules/mod_jefeedpro/jefeedpro.css