Hi David,

Every CSS framework (like UIkit, that we use, or Bootstrap) or template has own style for tooltips. The tooltip style by default is inside uikit.css file under /media/com_competition/css folder.

What is strange that you have a blank box, like tooltip is opened, but the information is not loading. It could be a JavaScript issue also. Do you have any error in the browser console? Can you share a link to see the issue live?

Kind regards,

Dmitrijs

This style in your template is responsilble for tooltip:

[role=tooltip]:not(.show)
{
display: none;padding: .5em;margin: .5em;background: #ccc;border: 1px solid #6d757e;box-shadow: 0 0 0.5rem rgb(0 0 0 / 80%);z-index: 101;
}

Changing the background to something like #ccc is solving the issue.

Kind regards,

Dmitrijs

Hi David,
There is a problem caused by CSS styles of your Climate6 template.
There are the following lines that affects tooltips:

/templates/climate6/css/template.css and lines 512-519:

 a.btn.btn-link.jmodedit:hover + [role=tooltip], .float-end a:hover > [role=tooltip]
{
display: block;position: absolute;
}
[role=tooltip]:not(.show)
{
display: none;padding: .5em;margin: .5em;background: #fff;border: 1px solid #6d757e;box-shadow: 0 0 0.5rem rgb(0 0 0 / 80%);z-index: 101;
} 

If you comment or remove these lines, then the tooltip will appear:

P.S. Oh, Dmitrijs has been already replied. Yes, it's better to change the backgroud colour instead of removing these lines.

Regards,
Eugene

You should find in the template docs how to create custom CSS file and put there this override style:

.uk-tooltip {
  background: #ccc !important;
}

Kind regards,

Dmitrijs

Hi David, We are glad the problem has been resolved. If you like NorrCompetition, we will be happy if you write a short review at the Joomla Extensions Directory or on TrustPilot.
Do not hesitate to contact us in case of any questions.

Best regards,
NorrNext team