Tooltip - no class definition in the template

Hi I have installed two components. The tooltips are not visible in the template. The class is not defined. Can you please help?

Just as the calendar icon. Default in Joomla. Is not visible in the template. The popup calendar is not to see properly. Can you please help?

I'll send you about privately a link!

Thank you Ilona

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi

To fix calendar add this to override.css and make sure override is enabled in template settings:

Code: Select all

.calendar td.button {
    display: table-cell;
    float: none;
}


but tooltip i just empty that's why it's not showing. What should be displayed there ?

Hello thank you. I have everything entered in the override. The Kalendericon is not yet visible. But the calendar is now displayed correctly. Can you look again, why the icon is not displayed.

The tooltip an image to display. I have seen the text can be seen at another link. Do I need to write something in the override so that the image is displayed?

Many thanks for the quick response. Ilona

Hi

There is no style for icon at all. Are You sure the css from this component is used ? It may also affect tooltip since there is no errors in console.

Hello, we have found the error. The z-index has been too low. In the joomla.css and template.css. Here is the code:

Code: Select all

gkContent, #gkPageContent{z-index: 100;}
.tooltip{z-index: 100;}


Unfortunately we have with the calendar icon not found the problem. Do you happen to have another idea? Many Thanks. Ilona

Hi

None of the css file has a style for this icon or an image loaded for it. I think not all style files are loaded in component or maybe it's based on some 3rd party library as bootstrap or something. Try rewrite this class into font awsome. Add this code to /layout/blocks/head.php

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
$('.icon-calendar').each(function(){
$(this).addClass('fa').addClass('fa-calendar');
});
});})(jQuery)</script>


Thank you - worked