Tooltip

Hi.

Is it possible to change the look and speed of the tooltip?

I like the way it fades in and quickly uodates itself here: http://www.islamqav.com/media-gallery?t ... =protostar

But on the Game Magazine template it take too long to update: http://www.islamqav.com/index.php?optio ... view=media

I can send you login info on PM if needed, the site is offline now.

Hi

Can You please show me which tooltip You have in mind ?

I have sent you the login details on PM.

There is one more problem. After the developer of HWD mediashare updated my site to fix some problems with his component, the tabs on the front page are no longer working. Can you please have a look at it?

I first asked him about the tooltips and he said to me:

Firstly, just wanted to let you know that I was getting lots of javascript errors relating to the Joomla tooltips, and these were being caused by conflcits between differetn javascript frameworks. To resolve this problem, I installed and setup jQueryEasy. This is a very popular, free Joomla plugin that helps manage Joomla sites running jQuery. It reduces the chance of errors and conflicts with other Javascript frameworks. After that, the javascript error were fixed.

The tooltips in HWDMediaShare are just inserted using the core Joomla tooltip methods. We don't have any influence over how they load or what they look like. This is done to your Joomla template. For example, if you load your media page with the default Joomla template, and move your mouse over a thumbnail you'll see that template's tooltip, which is working fine:
www.islamqav.com/media-gallery?template=protostar

I don't know what tooltip script your template is using, or how you would control the speed with which they appear and disappear. I recommend you contact the template developer and ask about it. There may be settings in the template parameters, or elsewhere.

Another small problem that just arose is with the arrows of a HWD mediashare module. The arrows were being cut on the sides of the module. You can see the module here: http://www.islamqav.com/all-questions/c ... d-ouarzazi It is named ''Interesting questions''.

To make the arrows display I added this code in the backend:

Code: Select all

.box, .box_text {
  margin-top: 20px;
  overflow-x: visible;
  overflow-y: visible;
}

.box > div, .box_text > div {
  overflow-x: visible;
  overflow-y: visible;
}

The HWD developer said to me:

You can see the effect of removing that CSS, enabling the display of the arrows, in this screenshot: http://screencast.com/t/Fgv8n6zYt

Please note, completely removing the CSS may not be the best solution. You'll need to speak to your template developer for more advice.

What do you suggest to do?

Another problem with the tooltip is that it hides behind the text in the main menu like this:

Skjermbilde 2015-02-11 kl. 10.12.38.png

You can see it here: http://www.islamqav.com/

Hi

Try add this to override.css and make sure override is enabled in template panel:

Code: Select all

.tooltip {
z-index: 10000 !Important;
transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
}


Hi. I added it, but it did not solve the problem. The tooltip is still to slow to end when moving the mouse away from the item. And also, if it would be possible to make it show after holding the mouse on an item for 1second that would be great. The new code makes the tooltip come in with an effect to it, and that looks a bit weird.

Hi

Haha. Effect is odd I agree I did not noticed that it's being moved from outside of the screen. Try with this code, but it will not be possible to keep it up for 1s.

Code: Select all

.tooltip {
z-index: 10000 !Important;
transition: opacity 0.4s ease-out 1.4s;
-webkit-transition: opacity 0.4s ease-out 1.4s;
-moz-transition: opacity 0.4s ease-out 1.4s;
-ms-transition: opacity 0.4s ease-out 1.4s;
-o-transition: all 0.4s ease-out 1.4s;
opacity: 0;
}

.tooltip.in {
opacity: 1;
}


Hi. Thx! This solved the tooltip issue. What do you suggest in regards to the two other problems I mentioned?

Hi

What two other problems You have in mind ? I can see only question about the tooltip in this thread. Or am I missing something?

PROBLEM 1:

After the developer of HWD mediashare updated my site to fix some problems with his component, the tabs on the front page are no longer working. Can you please have a look at it?

PROBLEM 2:

The arrows in the HWD module were being cut on the sides of the module. You can see the module here: http://www.islamqav.com/all-questions/c ... d-ouarzazi It is named ''Interesting questions''.

To make the arrows display I added this code in the backend that I got from the HWD developer:

Code: Select all

    .box, .box_text {
      margin-top: 20px;
      overflow-x: visible;
      overflow-y: visible;
    }

    .box > div, .box_text > div {
      overflow-x: visible;
      overflow-y: visible;
    }

The HWD developer said to me:

You can see the effect of adding that CSS, enabling the display of the arrows, in this screenshot: http://screencast.com/t/Fgv8n6zYt

Please note, completely changing the CSS may not be the best solution. You'll need to speak to your template developer for more advice.

Hi

1. You need to tell me what was done exactly that tabs stopped working. I remember we have fixed that already. Does it means You have reverted the code or something?

2. The module page is giving me an error 500. Can You fix it so I'll be able to see arrows ?