Automatic Positioning?

Home Forums WordPress Tooltip Pro Support Automatic Positioning?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • I would like to use the Automatic Positioning feature, but I can’t seem to locate it. What must I do to activate this feature?

    Hi Fani,

    Thanks for the message, my family got sick and just finihsed an operation, maybe my reply have a little delay, I am sorry for this.

    About “Automatic Positioning”, it means by default, if you do not choose “Customized” option in “Tooltip Box Style” Panel which at https://tooltips.org/wp-admin/edit.php?post_type=tooltips&page=tooltipssettings, tooltip position is calculated automatically by our plugin for offer a default position, if you hope customize your tooltips style for example “Tooltip Box Postion”, “Tooltip Border Radius”, “order Width”, you can select “Tooltip Style Box” option as Customized and click “Update Now” button, then In “ Tooltip Box Customize Setting” option panel, you can setting style options and click “Save Changes” button, it looks like this:

    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 some advance style, you can customize the css code in stylesheet File in /wp-content/plugins/tooltips-pro/tooltips.css also in frontend if you 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" />

    if you open the tooltips.css, you will find there some commented div class and is, you can try to add a code in tooltips.css, for example like this one:

    classtoolTips0 {color: red !important;}

    Also you can add your position codes for example, position:absolute or margin-right:30px and so on.

    Hope this help, thanks, have a nice day. 🙂

    Best Regards,
    Tomas

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.