× Joomla Facebook Connect support forum

Topic-icon popup goes behind other modules on page

Active Subscriptions:

None
12 years 2 months ago #18959 by dave weller
Hi ,
popup goes behind other modules on page,

have had to put the social bar at the top of an article page because when its at the bottom, the popup goes behind menu modules and can't be read or used.

many thanks

dave
The topic has been locked.
Active Subscriptions:

None
12 years 2 months ago #18960 by mtk

dave weller wrote: Hi ,
popup goes behind other modules on page,

have had to put the social bar at the top of an article page because when its at the bottom, the popup goes behind menu modules and can't be read or used.

many thanks

dave

Hello Dave,
this is a CSS issue related to way your modules are displayed.
you should look into the z-index property: www.w3schools.com/cssref/pr_pos_z-index.asp

Mati
The topic has been locked.
Active Subscriptions:

None
12 years 2 months ago #19000 by dave weller
hi guys,

below is a reply i had from my template provider, the solution he suggested did not work and he says the problem is with your puggin, i really dont want to go back and for between programmers, so what do i do next as it seems it is fixable with some code alterations on your part,

below their reply to my post for help after your response...@@@@@@@@@@@@@@@@@@@@@@@@@

Hello,

I see it now, but the issue is within the plugin itself. The popup should be called with position:absolute and not relative. Relative will only z-index as high as it's outer most parent. Absolute can over anything. The only thing I can think of as a work around is to try adding the following to the bottom of template.css:

.fb_edge_comment_widget {
position:relative;
}
The topic has been locked.
Support Specialist
12 years 2 months ago #19015 by alzander
Dave,
You won't be able to change that style. It's embedded by the Like button and not something they let you alter. The following 2 changes to your template CSS will fix the problem. Right now, there's a few settings of "overflow:hidden" on your main content area container.. that prevents any overflow from happening. Usually a good thing, but in this case, you want overflow.

In your templates/paradigm_shift/css/template_default.css file around line 65, you'll see the definition for #s5_columns_wrap with a setting of "overflow:hidden;" Comment out that line:
/* overflow:hidden; */

At line 79, you'll see the definition #s5_center_column_wrap_inner. It has the same overflow definition. Comment it out like above.

That should get you going, but if not (or it causes other issues, which it shouldn't), let us know!
Alex
The topic has been locked.
Active Subscriptions:

None
12 years 2 months ago #19070 by dave weller
many thanks, sorted that sorted it,

dave
The topic has been locked.
Support Specialist
12 years 2 months ago #19078 by alzander
Glad to hear that got you going!

Alex
The topic has been locked.