Jump to content
Sign in to follow this  
jmellicker

Groups display scrambled in footer

Recommended Posts

jmellicker

Platform Pro: Using the Footer Sidebars (5-column), some widgets (like the recently active avatars) look perfect, but the groups widget displays badly - I think there is missing code between each group (like a </span>, </p> or or something) so the following group goes on the next line and is not jumbled up with the icon above it. VWbgR Can you help me fix this?

Share this post


Link to post
Share on other sites
bryan-hadaway

You only have one widget active right now, not all 5 so it's too difficult to weigh in on the situation. Thanks, Bryan

Share this post


Link to post
Share on other sites
jmellicker

Okay, I've added widgets to all 5 areas... no difference. I think there must be missing code between each group (like a </span>, </p> or or something)

Share this post


Link to post
Share on other sites
jmellicker

More info: I added this to Custom CSS: ul.item-list div.item-avatar { clear: left; } and it lined up the Group avatars on the left nicely, but the text on the right does not line up - it is bunched together at the top.

Share this post


Link to post
Share on other sites
catrina

May I add that when I view the avatars on Firefox, I see this: 7xq7Z.png Perhaps adding a break before the avatar would work:

<div  class="item-avatar">


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
jmellicker

Where would I put that? Can anyone help with this?

Share this post


Link to post
Share on other sites
bryan-hadaway

` ul.item-list div.item-avatar { clear: left; float: left; margin-bottom: 5px; } ul.item-list div.item { margin-bottom: 25px; margin-left: 65px; } ` Seems to work out nicely. Thanks, Bryan

Share this post


Link to post
Share on other sites
Kate

@Josh Try this in your CSS:

#groups-list li{float:left;width:100%;margin-bottom:10px;}

That should work ;)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×