Hey gang.

I did some searching but cannot figure out where my issues are. While most of my site seems aligned nicely, I have two pages that are just whacked.

http://stangsgarage.com/links/ and http://stangsgarage.com/members/

I'm not sure why it is these two pages, but if you have any ideas, I'd love to hear them.

Thank you,
Stang

Here is the CSS I dropped in to the 'add html/css inserts" section to fix a bunch of alignment issues. Tweak it to fit your needs. You can see the results here: http://spiritualhelpers.com/members. I don't know how to help you with your links page.


/*Style the buddypress avatars */
img.avatar {
float: left;
border: 2px solid #333399;
}
div#sidebar ul.item-list img.avatar {
width: 25px;
height: 25px;
margin-right: 10px;
}
div#sidebar div.item-avatar img {
width: 25px;
height: 25px;
margin: 1px;
}
div#sidebar .avatar-block {
overflow: hidden;
}
div#sidebar div.item-meta, div#sidebar div.item-content {
margin-left: 38px;
font-size: 11px;
}
ul.item-list {
margin-top: 5px;
padding: 0;
list-style: none;
}
ul.item-list li { position: relative; }
ul.item-list div.item-avatar {
float: left;
}
ul.item-list div.item {
margin-left: 65px;
margin-bottom: 10px;
}

/***************************************/

/* Style the buddypress blocks */
ul.item-list div.action {
position: absolute;
margin: 0 !important;
right: 15px;
text-align: right;
}

/***************************************/

/* Style the buddypress navigation tabs */
div.item-list-tabs ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 150%;
}
div.item-list-tabs ul li {
float: left;
margin-right: 25px;
}
div.item-list-tabs#subnav ul li a {
border: none;
padding: 0;
}

div.item-list-tabs ul li.last { float: right;
}

/***************************************/

That sounds great, looking forward to giving it a go. Looks great on your site.
Wish I could find a way of getting the Atahualpa sidebars to show up on Buddypress pages though! hmph
)

Thanks for the help playsoul. I dropped the entire bit of code in it as it appears in your post. I saw a slight shift, but still looks pretty bad.

I'll keep trying to tweak things as I can, but am certainly open to any other suggestions.

Regards,
Stang

Any luck with this? I did the insert but did not see anything change on might site either.

You might want to throw this into the CSS so the avatars align under each other.

.item-avatar {clear:both;}

That may cause you avatars to overlap the div#container Soooo you could add the following to see how that plays on other pages.

div#container {display:inline-block;}

OR PERHAPS

div#container { display:table; }

I'm just having fun playing with the CSS so no guarantees.