Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Links and Members page in Buddypress + Atahualpa - Alignment woes


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jul 22, 2010, 05:23 PM
Stang5_0
 
26 posts · Apr 2009
Phoenix, AZ
Send a message via ICQ to Stang5_0 Send a message via Yahoo to Stang5_0 Send a message via Skype™ to Stang5_0
Links and Members page in Buddypress + Atahualpa - Alignment woes

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
  #2  
Old Jul 24, 2010, 04:45 PM
playsoul
 
4 posts · Jun 2010
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;
}

/***************************************/
  #3  
Old Jul 24, 2010, 05:36 PM
scampy
 
13 posts · Jun 2010
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
)
  #4  
Old Jul 26, 2010, 11:12 AM
Stang5_0
 
26 posts · Apr 2009
Phoenix, AZ
Send a message via ICQ to Stang5_0 Send a message via Yahoo to Stang5_0 Send a message via Skype™ to Stang5_0
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
  #5  
Old Jul 29, 2010, 12:16 PM
jelpesao
 
7 posts · Jul 2010
Any luck with this? I did the insert but did not see anything change on might site either.
  #6  
Old Jul 29, 2010, 06:17 PM
lmilesw's Avatar
lmilesw
 
9,965 posts · Jul 2009
Central New York State USA
You might want to throw this into the CSS so the avatars align under each other.

HTML Code:
.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.

HTML Code:
div#container {display:inline-block;}
OR PERHAPS

HTML Code:
div#container { display:table; }
I'm just having fun playing with the CSS so no guarantees.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Tags
alignment, buddypress

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Members Area in Atahualpa bandsecretarypelpb Atahualpa 3 Wordpress theme 5 Aug 9, 2010 06:00 AM
Atahualpa and buddypress lordi Plugins & Atahualpa 2 Jun 10, 2010 11:37 AM
Atahualpa and Buddypress qbuster Atahualpa 3 Wordpress theme 3 Jun 10, 2010 07:24 AM
Atahualpa 3.4.01 Sidebar text alignment on home / news page Craig Atkinson Sidebars & Widgets 9 Jul 8, 2009 08:38 AM


All times are GMT -6. The time now is 12:10 PM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.