I'm trying to display a tool tip when you have your mouse over to the menu item " blog ".

My tooltip, content in the menu is this:

< li id="newitem91">< div class="tool-tip">< span>tool tip!< /span>< /div>< /li>

and the CSS class to display it is this , but it does not work

#fx-item1455:hover +#newitem91 {display:block !important;}

What could be the problem? Conflict with joomla css?

Thanks for any help :)

  • Is it a custom tooltip or the defaukt Bootstrap 2.x one that comes shipped with Joomla? – Lodder Sep 21 '16 at 10:03
  • it's a custom tooltip – Gabriel91 Sep 21 '16 at 10:04
  • 1
    .tool-tip { display:none; } #newitem91:hover .tool-tip { display:block; } perhaps? – Lodder Sep 21 '16 at 10:07
  • But i would that when i go on button blog that has id="fx-item1455" appear the tooltip. I tried a bit of everything with css but always without result – Gabriel91 Sep 21 '16 at 10:11
  • This question is not completely clear. Please add more of the html markup so that we can reproduce the issue. That + looks suspicious. Please progress this question toward resolution. – mickmackusa Aug 8 '19 at 8:44

Did you try:

.tool-tip { display:none; } 

#newitem91:hover > .tool-tip { display:block; }

I hope this helps

| improve this answer | |

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.