Search Form and Social Buttons

HotThemes Logo and Top Menu

To request a forum account, please login here and open support ticket. Only customers with active order(s) can open forum account!

× Discussion about "Sportal" Joomla template.

Topic-icon Tooltips

More
5 years 7 months ago - 5 years 7 months ago #8649 by cuevision
Hi,

For some Months now I use Sportal as a nice template. However, I have been spending hours and hours now, before I figured it out that the tooltip function in this template is not working. I came out of this by watching the issue in an other template. Than it works well.

I have attached two images. The one in Sportal and an images coming from the Joomla 1.6 demo.

What I mean is that when I mouseover on the calender of the eventslist mod, the tooltip only presents text with NO background. This makes it difficult to read.

Can someone tell me how this can be solved in this template? Would be very nice.

Thanks and regards,
Ed
URL: www.vvmoerkapelle.nl/joomla/

Default Joomla 1.6 template:



Sportal 1.6 template:

Last Edit: 5 years 7 months ago by cuevision.

Please Log in to join the conversation.

More
5 years 7 months ago #8656 by ivan.milic
Here is html for that tootip:

<div class="tip-wrap" style="position: absolute; top: 818px; left: 1281px; display: block; ">
<div class="tip-top">
</div>
<div class="tip">
<div class="tip-title">
1 Evenement
</div>
<div class="tip-text">
Electronic Beats<br>
</div>
</div>
<div class="tip-bottom">
</div>
</div>


Add following css classes to your css (you may use template_css.css ), and add them css properties:

.tip-top{

}
.tip{

}
.tip-title{

}
.tip-text{

}
.tip-bottom{

}

Please Log in to join the conversation.

More
5 years 7 months ago #8666 by cuevision
Hi Ivan

Thanks very much for your fast reply.

Sorry, but I do not exactly understand what I should do.

- Must I integrated the html for that tooltip into the mod -> tmpl/default.php?
- Must I place the CSS code into template_css.css? If yes, is there a special place where I should place the code?

Thanks and best regards,
Ed

Please Log in to join the conversation.

More
5 years 7 months ago #8672 by ivan.milic
You could do that but best put this classes at the bottom of template_css.css

.tip-top{

}
.tip{

}
.tip-title{

}
.tip-text{

}
.tip-bottom{

}


then add to this classes background-color, color, font-size ... properties as you like.

Please Log in to join the conversation.

More
5 years 7 months ago #8676 by cuevision
GREAT!!! THIS SOLVED IT !!!

Thanks. I now understand what you meant with the htmlcode. Simply place the css and the HTML lines presents the code that is used in this module.

Have a nice day

Regards,
Ed

Please Log in to join the conversation.

Time to create page: 0.117 seconds

Links, Partners and Social Media