Hi,
I have totally hit the wall when I tried to overlay the “ja-main” and “main” with a generic css tooltip. The z-index is already set to a high enough value.
My goal was to have a hovering layer on top of the template that would display links. By clicking on the “clinician info” link within a black border you could see the hovering layer with a red background:
http://multiradiance.plusresults.com/index.php
Currently part of that red layer is being obstructed by the ja-main/main class/id of joomla. I unsuccessfully tried to make the red layer appear on the top of green/yellow areas.
Many thanks in advance for any advice/suggestions.
aman204
Friend
How about decreasing left value here::
a.tooltip:hover span {
display: inline-block;
position: absolute;
top: -20px;
left: -30px;
border: 1px solid #996633;
padding: 0.3em 0.5em;
background-color: #red;
color: #000;
z-index: 1000000000;
}
<em>@aman204 195909 wrote:</em><blockquote>How about decreasing left value here::
a.tooltip:hover span {
display: inline-block;
position: absolute;
top: -20px;
left: -30px;
border: 1px solid #996633;
padding: 0.3em 0.5em;
background-color: #red;
color: #000;
z-index: 1000000000;
}
</blockquote>
Decreasing the “left” value just moves the hover area on to the area of the right column. My goal is to be able to display the layer on TOP of of any areal of the JA Purity II Template (i.e green and yellow area in current exampe). I believe it should be achievable?
Link to the issue:
http://multiradiance.plusresults.com/index.php
Thanks in advance.
This topic contains 4 replies, has 2 voices, and was last updated by 
We moved to new unified forum. Please post all new support queries in our New Forum
