Topic-icon social buttons & z-index

Active Subscriptions:

None
14 years 5 months ago #17691 by cswebmaster
I am having a problem with my drop down menu going underneath my social buttons. Can this be corrected with a z-index and if so, where do I add it. Here's a link so you can see it first hand , www.moneylounge.org . The buttons display in full article mode at the top. Any help would be greatly appreciated. Thanks in advance. Doug
The topic has been locked.
Support Specialist
14 years 5 months ago #17701 by alzander
Replied by alzander on topic social buttons & z-index
Your template stylesheets are all gzipped and combined together, so I can't tell you the exact file to make this change in. However, the style you need to add is as follows. It should work in any of your CSS files, actually, but probably best in the main template.css file (or whatever your template uses):
#header {
  z-index: 125;
}
Once done, make sure you clear your Joomla cache and clean whatever minification extension is compressing those files (if not cleared by the Joomla cache).


Hope that helps,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 5 months ago #17736 by cswebmaster
Alex, YOU ROCK! Yootheme actually makes use of a blank custom.css page for hacks that loads last. Fix was added there and worked like a charm.

BTW, I had a very incomplete setup with your component on the 1.5 version of the site but am really integrating on the 1.7 version. I LOVE the product. A review will be forthcoming shortly. Keep up the good work. Thanks again, Doug
The topic has been locked.
Support Specialist
14 years 5 months ago #17741 by alzander
Replied by alzander on topic social buttons & z-index
Always glad to help!

Happy to hear that you're really getting into JFBConnect with the 1.7 version. We're excited to see so many people seemingly moving away from Joomla 1.5. We loved it while it was here, but are very impressed with and happier developing for Joomla 1.7+. Will be happy when we can announce the last version to support J1.5, but that won't be for a while.

Anyways, we'd love the review when you have time, and we'll definitely keep up the good work :D

Best of luck to you and your site,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 4 months ago #18039 by robtms
Replied by robtms on topic social buttons & z-index
Thank you! I had the same problem and I solved thanks to you! I modified z-index of "nav" in template.css
ciao ciao ;)
The topic has been locked.
Support Specialist
14 years 4 months ago #18044 by alzander
Replied by alzander on topic social buttons & z-index
Glad to hear that helped you too! Should you need anything else, you know where to find us!

Alex
The topic has been locked.
Active Subscriptions:

None
14 years 4 months ago #18190 by fb_730255316
Hi Alex,

I've the same probleme with the z-index .... since I use artisteer for my template I dont know where I can fix it .... Can you help me ?

www.grandcentralmiami.com : OK
www.grandcentralmiami.com/events : probleme with the "events" menu

Thanks

Eric
The topic has been locked.
Support Specialist
14 years 4 months ago #18193 by alzander
Replied by alzander on topic social buttons & z-index
Eric,
In the file: /templates/gcnewj/css/template.css, at line 651 you'll see the definition for .art-nav. In that block, the z-index is set to 100, which is the same as our social buttons. Increase that to 110.

Hope that helps!
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19388 by micben
Replied by micben on topic social buttons & z-index
I had the same problem, but modified your source instead - changed z-index to 0 on line 277 of jfbccontent.php instead... I am much better at PHP than CSS :)
But I am wondering, what is the reason for setting the z-index to 100 and not 0?
The topic has been locked.
Support Specialist
14 years 3 months ago #19394 by alzander
Replied by alzander on topic social buttons & z-index
The z-index's are set to 100 because it makes the widgets compatible with more sites. The reason is that, if the z-index isn't set, on many sites, the Like button (especially the popup) will be hidden behind the content itself.

We've done some investigation and in the next release, we'll be changing the z-index to a default of 99. That's because we've noticed that many drop-down menus use a default z-index of 100, which causes unknown results as to whether the Like button will be above or behind it. With a z-index of 99, we think that will provide even better compatibility to be above the article content but below other common 'hovering' graphics. There will still be some sites with issues, and in those cases, we'll be here to help :)

Hope that explains!
Alex
The topic has been locked.