Keyword

Tooltips ending up behind other elements

  • eriwet
  • eriwet's Avatar Topic Author
  • Offline
  • New Member
More
14 years 10 months ago #33299 by eriwet
Hi, I'm trying to use this module with the feed intro as a tooltip. It works great except that the tooltip ends up behind other elements.

My development site can be found at 66.7.204.124/~forspadd/ (using this module for the top two module positions in the left sidebar)

The template is made with Artisteer and the support team at Artisteer claims this problem cannot be solved without changing the module (i.e. Simple RSS Feed Reader)

I've tried to change z-index both in the module css and in the Artisteer generated site CSS. but can't seem to make any difference. I also tried to change overflow from "hidden" to "visible"  for the tooltip element in the style.css file but that didn't help either.

I would really appreciate help on theis one as it is a very nice feature.

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
14 years 10 months ago #33300 by Yiota
There are a lot of z-indexes in your CSS...
Start by deactivating the overflow:hidden on the class .art-contentLayout .art-sidebar1

Then remove the z-index from the following classes:
.art-Block
.art-Block-body
.art-BlockHeader
.art-BlockContent
.art-BlockContent-body
div.srfrContainer ul.srfrList li a

Let me know if everything worked ok.

Please Log in or Create an account to join the conversation.

  • eriwet
  • eriwet's Avatar Topic Author
  • Offline
  • New Member
More
14 years 10 months ago - 14 years 10 months ago #33301 by eriwet
Wow you solved it, thanks a million!

Deactivating overflow:hidden on the class .art-contentLayout .art-sidebar1 fixed it for the main content pane and deactivating z-index of art-block* fixed the rest. no need to go into the modules css file...

Thanks again!

I'm just curious though, what is the point of having the z-index there in the first place? Why did Artisteer put it there and may I miss it later on?

note: I'm not complaining about Artisteer here, its a lovely tool for creating templates and I would recommend it to anyone.

Please Log in or Create an account to join the conversation.

  • eriwet
  • eriwet's Avatar Topic Author
  • Offline
  • New Member
More
14 years 10 months ago #33302 by eriwet
Oops seem like this only worked for Firefox and Chrome, but good ol' IE8 is left behind. Any ideas why?

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
14 years 10 months ago #33303 by Yiota
Could you try removing the z-index from all classes I mentioned above?

Please Log in or Create an account to join the conversation.

  • eriwet
  • eriwet's Avatar Topic Author
  • Offline
  • New Member
More
14 years 10 months ago #33304 by eriwet
Yes, I've tried that but it didn't impress IE unfortunately...

Please Log in or Create an account to join the conversation.

More
14 years 10 months ago #33305 by PROMO-ONLY
Replied by PROMO-ONLY on topic Re: Tooltips ending up behind other elements
Hi Eriwet,

sorry I have no clue regarding your ie8 trouble but I got a question though.

How the hell did you make these tooltips appear ?
I'm using the compact mode of the RSS module and I been asking for months here how I can use tooltips as I don't see no button to check and no infos anywhere on how to set it up.

Is it automatic for you or did you have to check anything in the admin parameters or the module's code ?

Thanks man

Please Log in or Create an account to join the conversation.

  • eriwet
  • eriwet's Avatar Topic Author
  • Offline
  • New Member
More
14 years 9 months ago #33306 by eriwet
Hi sorry for taking so long!

The only thing I did to make the tooltips appear was to choose the compact layout and set "Feed item description" to "show"

Then I guess the feeds that you specify need to be set to include more than the feed title.

hope this helps...

Please Log in or Create an account to join the conversation.

More
14 years 9 months ago - 14 years 9 months ago #33307 by jamiemills
Replied by jamiemills on topic Re: Tooltips ending up behind other elements
Hi I am having the same trouble with the purity II template.  I am searching for analogous elements to the ones you mention..."Start by deactivating the overflow:hidden on the class .art-contentLayout .art-sidebar1

Then remove the z-index from the following classes:
.art-Block
.art-Block-body
.art-BlockHeader
.art-BlockContent
.art-BlockContent-body
div.srfrContainer ul.srfrList li a"

But I am not having any luck.  I would truly appreciate it if you could tell me specifically where to find this....art-contentLayout .art-sidebar1 and the other classes you mention

dev.cdlac.com

Thanks in advance!!!

Please Log in or Create an account to join the conversation.

More
14 years 9 months ago #33308 by ceyda
good yes joomla very nice

Please Log in or Create an account to join the conversation.

More
14 years 9 months ago #33309 by PROMO-ONLY
Replied by PROMO-ONLY on topic Re: Tooltips ending up behind other elements
Thanks Eriwet, just tried and it works alright, now I got to deal with the overflow on my template too  8)

Take care

Please Log in or Create an account to join the conversation.

More
14 years 8 months ago #33310 by iamdavinci
Replied by iamdavinci on topic Re: Tooltips ending up behind other elements
Hello,

Was wondering if someone could help me. My site is ramtech.co and I am having the same issue with the popup showing behind the other joomla modules. I am a newbie to code so please let me know what I need to do to remedy this as I love this RSS module that I am willing to pay for it.

I am using the Rocket Theme template - grunge

Thanks in advance.

Iam

Please Log in or Create an account to join the conversation.

More
14 years 8 months ago #33311 by iamdavinci
Replied by iamdavinci on topic Re: Tooltips ending up behind other elements
Forget it for now - I have used the default settings.

Please Log in or Create an account to join the conversation.

More
14 years 7 months ago - 14 years 7 months ago #33312 by ciEP
Hi.. Yiota

I have removed "all" the overflow: hidden and the z-indexes.. but still I cannot get the tooltip to be in front. It's still trapped inside the module margin.

Any idea?

Please Log in or Create an account to join the conversation.

More
14 years 2 months ago #33313 by ishpifuri
Replied by ishpifuri on topic Re: Tooltips ending up behind other elements
I had the same problem with one of my website... I fixed by changing only the z-index from 1 to 0 ine the main page
#art-main
{
  position: relative;
  overflow: hidden;
  z-index: 0;   <---- it was 1

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum