JoomlArt Forums 32,862 posts

[rstyle Friend rstyleJoin date: March 2011Posts: 3Downloads:0Uploads:0 Thanks: 2]

#161521

Hello, havin problems with the (friends & me) Activity stream (CSS: cMain container) height of Ja_social template. On profiles where are NO recent activities (no activity streams) the blank (white) background is very high.

So the template header and avatar is showing nicely, but then there is more than 1000px of white (blank) space, and then the next container (picture, users nearby etc).

If I change the height within (/com_communty/templates/ja_social/css/style.css) of the part:

“body.ja-social #community-wrap .cMain .cMain-inner {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D6E4EC;
}

When I put the setting: “max-height: 600px;” it’s fine, but when there are activities, they are outside the container…

How to fix this the right way? Using Jomsocial 2.0.6 (latest version…)

Thanks in advanced,
Rstyle.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#381638

Hello,

You can use min-height instead of max height. This is will show you a minimum height when you have no posts and then when the Content extends, the background will also extend with it.

ex: min-height: 600px;

Hope the above will help you

[rstyle Friend rstyleJoin date: March 2011Posts: 3Downloads:0Uploads:0 Thanks: 2]

#381648

Hello Thank you for your answer.

I have just tried your suggestion, but isn’t working… 🙁 When I use for ex. the “min-height: 600px” option, nothing will change. There seems to be blank space for 20 “invissble” activity streams…

When I use the “max-height: 650px” option, the user-profiles with NO activity streams yet, look nice. But profiles with 10 or more activities, the activities will go on a head on other plugins and modules that are on the profile…

So I have to fix this on other way… And I would not want to use any form of oversize window…

Do you know any option?

Thanks,
Rstyle.

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#381658

Please provide me the site url

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#381686

Replace this Code

body.ja-social #community-wrap .cMain .cMain-inner {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D6E4EC;
}

With:

body.ja-social #community-wrap .cMain .cMain-inner {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D6E4EC;
display: inline-table;
}

Hope this would be useful.

1 user says Thank You to chavan for this useful post

1. rstyle

[rstyle Friend rstyleJoin date: March 2011Posts: 3Downloads:0Uploads:0 Thanks: 2]

#381740

Yes! This is the right solution.

Thanks Chavan!!

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#381755

<em>@rstyle 228182 wrote:</em><blockquote>Yes! This is the right solution.

Thanks Chavan!!</blockquote>

you are most welcome

[Author]

Posts