Log in | Register
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 1.5 Support (CLOSED)
  7. Modules are cut-off
× Joomla Facebook Connect support forum

Topic-icon Modules are cut-off

Active Subscriptions:

None
14 years 7 months ago #15154 by dcasmr
Modules are cut-off was created by dcasmr
Hello,
I am still struggling with the modules on my sites. They appear to be cut-off in half. Any button (I like, recommend, Invite, etc...) is cut-off. I am starting to believe its a javascript conflict, but where to go from here? These issues are spoiling my users experience with such a great product.
www.monburkina.com
Thanks
The topic has been locked.
Support Specialist
14 years 7 months ago #15159 by alzander
Replied by alzander on topic Modules are cut-off
Sorry for the delay in getting back to you. Ill be lookin through the site tommorrow and hopefuly be able to give you some good suggestions to fix things up.

Tanks,
Alex
The topic has been locked.
Support Specialist
14 years 7 months ago #15180 by alzander
Replied by alzander on topic Modules are cut-off
I just looked through your page, and clicked on a few links. I couldn't find a Like or Recommend button anywhere. Can you link to a page where I can see one? I didn't try logging in, but I'm assuming the buttons are visible to guest users.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 7 months ago #15181 by dcasmr
Replied by dcasmr on topic Modules are cut-off
Hello,

Yes there are visible to public. The first one is named "Nos fans" - frontpage, center module
towards the bottom.
The second module is to the right of frontpage and it is named "J'aime".
Thanks-
The topic has been locked.
Support Specialist
14 years 7 months ago #15182 by alzander
Replied by alzander on topic Modules are cut-off
Nos fans isn't cut off for me at all. It looks fine.

For the Like/Send button on the right, you'll need to make the following change to your template's CSS to prevent it from hiding 'spill-over' content in that column. I can't tell the exact file because they're all compressed into one, but it's likely /templates//css/layout.css

In there, look for:
.column {
 overflow: hidden;
 float: left;
}

Change overflow:hidden to overflow:visible and that should fix that problem.

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

None
14 years 7 months ago #15184 by dcasmr
Replied by dcasmr on topic Modules are cut-off
Hello,

I found something about .column, but it does not has overflow:hidden.
see below:
.column div.ja-moduletable, .column div.moduletable, .column div.ja-module, .column div.module {
/* for side columns and spotlight, we only need to add margin or padding to Module */
margin-left: 10px;
margin-right: 10px;
}


One thing that is peculiar about the modules, that I found is this.
When you have left and right modules enabled, that's when its cut-off. I enabled the Invite module "Nos fans (center one module labeled "Nos fans" ) on every
page. While it does appear to be cut-off on the front page, its opening well well here.
www.monburkina.com/index.php/Les-blogs-d...isme-en-afrique.html
Thanks
The topic has been locked.
Support Specialist
14 years 7 months ago #15186 by alzander
Replied by alzander on topic Modules are cut-off
From what I can tell, it's just ".column" in the layout.css file with no extra stuff (no div.ja-moduletable, etc). If you can turn off your minimizer or compressor or whatever's combining all the CSS files together (could be a plugin or part of the template), then I can narrow it down exactly.

As for the page that's working, I think that's just because that page you're on. I'm not seeing any sidebar there, but maybe I'm missing something.

Alex
The topic has been locked.
Active Subscriptions:

None
14 years 7 months ago #15235 by dcasmr
Replied by dcasmr on topic Modules are cut-off
Hi Alex,
The "I like" module is only published on the main page. I published the Invite a friend module on more than the frontpage. On the other page, it displays fine.
I believe its because on that page, I do not have left and right modules enabled. Only the Invite a Friend as a center module.
Please look at the attached photo. This is how the invite a friend module looks like when I login. Notices the spill over text. I contacted my template publisher and they were thinking about sh404sef. Disabling sh404sef on the component did not help.
File Attachment:
[/url]
The topic has been locked.
Support Specialist
14 years 7 months ago #15251 by alzander
Replied by alzander on topic Modules are cut-off
The issue with the image you show is that you've set the columns parameter to 5. That's simply too wide to display in the column that you're trying to place it in.

Once that's fixed, it will look right normally. However, when the user tries to actually send invitations, the module will try to expand and get cutoff again. Can you disable the CSS compression on your site so we can help narrow down the exact lines of CSS that need to change? Right now, all of your CSS files are being condensed into 1 file, which makes it hard to point out to you what needs to change to make things work.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
14 years 7 months ago #15262 by dcasmr
Replied by dcasmr on topic Modules are cut-off
Hello Alex,
I reduced it to 3 columns. For the css, I unselected the join, minify, etc...
It should not be compressed.
Thanks
The topic has been locked.
  1. Forum
  3. Discontinued Products
  5. JFBConnect Joomla 1.5 Support (CLOSED)
  7. Modules are cut-off
From the Blog
Facebook | Twitter | LinkedIn | Blog RSS