× Joomla Facebook Connect support forum

Topic-icon JFBCLike & SEND z-index issues

Active Subscriptions:

None
14 years 3 months ago #19698 by learnthrusong
Hi Alex/Mati,

I have got an issue with the like/send not conforming to the size of their parent divs as well as a z-index issue where the modules (using both regular mods and JFBC tags) the pop-up send message is under my main menu and also disappears under the right-hand side of my template in another place.

Following one of alex's older post, I've added the following to my template.css (rocketthem iridium template) however neither versions of my code work:
// Version 1
/* FBC */
#jfbcrequest {z-index: 100}  // not sure if 'jfbcrequest' is correct class
#jfbclike {z-index: 50} 
#jfbccomments {z-index: 100}

// Version 2
/* FBC */
.jfbcrequest {z-index: 100} // not sure if 'jfbcrequest' is correct class
.jfbclike {z-index: 50} 
.jfbccomments {z-index: 100}

Please could you take a look at this for me? Also, have you had a chance to look at my other post, HOW DO I TRIGGER AN OPENGRAPH ACTION? ?

Many thanks,

Gez
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19705 by learnthrusong
Anyone?
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19760 by mtk
Replied by mtk on topic JFBCLike & SEND z-index issues
Hello Gez,
sorry for the late reply.

like any other CSS issue, z-index is very site-dependent which does not have a general answer since it depends on other elements on your website.
if you'd like, share a link to the site in question and we could try and take a look at the problem.

Mati
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19791 by learnthrusong
Hi Mati,

Thanks for your response!

Please could you PM me your IP address so I can add it to my HTACCESS?

My site is 'live' but only available to me and facebook at the moment whilst testing this stuff. If you'll need access anything else in Joomla Admin for instance, let me know and I'll get you a login... Actually, come to think of it, I think I sent one to alex a couple of weeks ago which will do the trick.

Thanks again,

Gez
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19794 by learnthrusong
Hi Alex,

as per reply to Mati, if you could have a look at this CSS, pls could you send me your IP address to add to HTACCESS so you can get to the site?

many thanks,

Gez
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19807 by learnthrusong
Forgot to do these screenshots for this...


File Attachment:


File Attachment:


Cheers,

Gez
The topic has been locked.
Active Subscriptions:

None
14 years 3 months ago #19879 by learnthrusong
Gi Guys,

here's the link to a page with the Z-Index Issue .

You may not be able to access it without me adding your IP address to the HTACCESS as I'm trying as much as possible to keep site away from public without taking it OFFLINE.

Thanks,

Gez
The topic has been locked.
Support Specialist
14 years 3 months ago #19898 by alzander
Gez,
Sorry for the delay, and thanks for opening that page up. We can send our IP in the future if necessary. Been busy and haven't been able to get back to this post.

To fix the Like/Send button going off the right-hand side of the page, edit: templates/rt_iridium_j15/css/template.css. At line 103, you'll see the definition for .colmask. Change the "overflow" property to 'visible'.

For the Like/Send button at the top, edit the /modules/mod_jfbclike/tmpl/default.php file. Search for 'z-index' and change the 100 to 99. This change will be in the 4.2 release as well.

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

None
14 years 3 months ago #19903 by learnthrusong
Hi Alex,

That's great, thanks! BTW, this is probably relating specifically to my template but I had to change the z-index of the Like Mod to 1000 to appear on top of the menu...

Many thanks,

Gez
The topic has been locked.
Support Specialist
14 years 3 months ago #19953 by alzander
Gez,
Glad you got it. Setting it to 1000 will put it on top of the menus.. I thought you wanted it beneath.. either way, it's working :)

Alex
The topic has been locked.