TOPIC: Frontend: Category title with non-transparent bg

Hi,
is there a possibility to style the appearance of the category title in the frontend view, eg. change the background of this element to NON-transparent?

regards
Ruediger Schultz

Hey there,
I think that you've posted in the wrong category. Where should this question go?
Daniel

Hey Daniel,
thanks for the answer, it might be moved to the newbie's category (i did not put it there because it looks not to me as a real newby question - never mind).

No my question is - which component are you using? This cannot be related to CComment as it doesn't manage any categories... Or am I not understanding something?

i'm really sorry, must have overlooked this.
I am talking about Hotspots component...

You are talking about the hover when you go over the category, right?

correct

This is css that is delivered with your joomla template. Just use firebug to look at the div that contains the text. Normally the js that creates the div is always inserted before the closing </body> tag. So just enable firebug, hover over the category and look at the html created in the bottom of the page with firebug.

Regards,
Daniel

actually, this is what I tried in the first place, but as this is rendered somehow within the component, I cannot find out which css definition does apply.

You can have a look at the site:
www.265.dic.at/ (go to "Kirchturmrenovierung / Referenzen" in the top menu):

The relevant HTML (rendered) is:

<div id="hotspots-categories-inner" style="width: 210px;">
<div id="hotspots-category-items">
<span id="cat1" class="hotspots-category-item hasTip " title="" data-id="1">
<img border="0" src=" www.265.dic.at/media/com_hotspots/images...R_turm-allgemein.png " alt="Tooltip">
</span>
<span id="cat6" class="hotspots-category-item hasTip " title="" data-id="6">
<img border="0" src=" www.265.dic.at/media/com_hotspots/images...trich-unsichtbar.png " alt="Tooltip">
</span>
<span id="cat5" class="hotspots-category-item hasTip " title="" data-id="5">
<img border="0" src=" www.265.dic.at/media/com_hotspots/images...6_R_turm-fassade.png " alt="Tooltip">
</span>
<span id="cat2" class="hotspots-category-item hasTip " title="" data-id="2">
<img border="0" src=" www.265.dic.at/media/com_hotspots/images...9664_R_turm-helm.png " alt="Tooltip">
</span>
<span id="cat3" class="hotspots-category-item hasTip " title="" data-id="3">
<img border="0" src=" www.265.dic.at/media/com_hotspots/images...1_R_turm-schmuck.png " alt="Tooltip">
</span>
</div>


**********************************************
So in fact, the "title" of the category is not rendered in the relevant SPAN area, but comes from somewhere else...

and this is where I am stuck.

As I said above - look at the end of the body. You have a div with class tip-wrap -> this is where the text comes from. With JS it is just positioned at the appropriate location, but you style it with css.

Cheers,
Daniel

You are right, these hints guided me to the right spot - THANK YOU VERY MUCH!
Issue solved!