Customized

[Susan Barb]

I’m having trouble getting customized to work. I have used the update buttons so I know the issue does not lie there.

What I want is a tooltip of an image. I do not really want any padding, or border or background.

However, even when using the following fields, the tooltip no longer works.

Tooltip Box Width: #auto Tooltip Box Background: #FFFFFF
Tooltip Font Color: #000000 Tooltip Box Postion: bottomleft
Tooltip Text Align: left Tooltip Box Padding: 1
Tooltip Class Name: clear Tooltip Border Radius: 1
Border Width: 1 Tooltip Border Color: #000000
Tooltip Show When: Tooltip Hidden When: mouse over
Opacity ( 0.1~1.0): .9

I could use a suggestion of what I’m doing wrong, and preferably of how I can make what I want work 🙂 Thanks!

[Wordpress Tooltips]

Hi Susan,

Sorry for the delay of the reply, I got a serious lung disease and can not work in recent weeks, I will come back next Monday, thanks.

I will check this in next Monday, you can control all stylesheet in tooltips.css file included in the folder tooltips-pro, thanks.

Best Regards,
Tomas

[Wordpress Tooltips]

Hi Susan,

Thanks for the message, sorry for the delay of the reply, I got a pulmonary disease and super busy in last week and just come back, in your setting, Tooltip Box Width: #auto is not supported, please check F.A.Q at: https://tooltips.org/faq/ and you will find an example setting is here:

Tooltip Box Customize Setting Box:
Tooltip Box Width:350		 Tooltip Box Background: #E5FFFF
Tooltip Font Color:#000000	 Tooltip Box Postion: topMiddle 
Tooltip Text Align:Left		 Tooltip Box Padding: 10
Tooltip Class Name:		 Tooltip Border Radius:	3
Border Width:	3	          Tooltip Border Color:	blue
Tooltip Show When: Mouse Over   Tooltip Hidden When:	 Mouse Over 

Also if you want to do some heavy customized of any tooltips, you can find this example in FAQ page:
—————————————–
Although we have many default style for our tooltips, also users can customize their style on customized style control panel, but we offered another way to help users to customize style in a stylesheet file, if you activated the tooltips pro plugin please check your page source you will find the tooltips.css is loaded on the page:

< link rel="stylesheet"
href="http://yourdomain.com/wp-content/plugins/tooltips-pro/tooltips.css"
type="text/css" media="screen" />

also if you open the tooltips.css, you will find some commented codes just as a reference, you can easy to control all of your stylesheet, just try to add a tooltips in plugin menu, and then you can try to add a code in tooltips.css, for example like this one:

classtoolTips0 {color: red !important;}

on the front end you will find the keyword of the tooltips has been changed the color red, by this way you can customize your all elements of tooltips keyword, tooltips content, tooltips box…, and so on, thanks.
—————————————–

Please follow the example, and do more test, any more question is welcome! Have a good day. 🙂

Best Regards,
Tomas

[Author]

Posts