Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Links and Members page in Buddypress + Atahualpa - Alignment woes


  #1  
Old Jul 22, 2010, 06: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
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, 05: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, 06: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, 12:12 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
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, 01: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, 07:17 PM
lmilesw's Avatar
lmilesw
 
10,174 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.
  #7  
Old Jul 30, 2010, 11:48 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
Larry, thank you!
That has helped some, but if you look at http://stangsgarage.com/members/ now, you will see the text needs some adjustment but I'm not sure what code will make that adjustment. Very nice improvement though, thank you. Keep having all the fun you want with that CSS you're doing just fine.
I added the following:

.item-avatar {clear:both;}
div#container {display:inline-block;}
div#container { display:table; }

Stang

Last edited by Stang5_0; Jul 30, 2010 at 12:30 PM.
  #8  
Old Jul 30, 2010, 01:30 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I don't know if you will need this plus the .item-avatar CSS but you can try it alone to see.
HTML Code:
ul#members-list li {clear:both;}
Also you don't need div#container {display:inline-block;} since the table one overwrites it. It is an either/or of those two to see which you liked.
__________________
~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.
  #9  
Old Jul 30, 2010, 01:53 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
That did it!
Now using only
ul#members-list li {clear:both;}


I will look in the links settings, I'm guessing if I find the right spot, I should be able to fix that as well. The members list though is a huge step in the right direction, thank you.

Stang

Last edited by Stang5_0; Jul 30, 2010 at 01:55 PM.
  #10  
Old Jul 30, 2010, 02:07 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Try this... The margin can be tweaked to your liking.
HTML Code:
#link-list li {clear:both;margin-top:70px;}
I love Firebug
__________________
~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.
  #11  
Old Jul 30, 2010, 02:27 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
WOW!
That is beautiful! Thanks yet again. I like Firebug as well, but still trying to understand how to clean up the site based off what it says. I've managed to move a few things around and have seen some results.

This pretty much seals the deal for me. I've been an Atahulapa fan for a while now and got nervous when I switched to Buddypress. Now though, I am really like the way the site is coming together. I kind of wish the links were buttonized like the default theme but maybe that's just me. It might be a bit cleaner and less confusing to the EU.

At any rate, thank you Larry. I hope other folks can fix their issues from this thread.

Cheers,
Stang
  #12  
Old Sep 16, 2010, 06:57 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
Hi Larry. Hope all is well.

I was playing with some of this code you gave me a while back but am unable to fix alignment on http://stangsgarage.com/groups/zonies-az/

Or any of the two groups for that matter. Thoughts on that task?

In addition, how tough or easy would it be to buttonize atahualpa text? It would be nice to have some sort of hybrid atahulapa/buddypress default them going on as I think they both have some great qualities.

At any rate, thanks.
Stang
  #13  
Old Sep 17, 2010, 07:38 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
I not perfectly clear on how you want the alignment but if you want the avatar and the state image aligned side be side you could use the following.
HTML Code:
#group-admins li {float:left;}
__________________
~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.
  #14  
Old Sep 17, 2010, 12:51 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
OK, I went with
HTML Code:
#group-admins li {float:right;}
#group-mods li {float:right;}
Looks like I also need to move the titles too, but when I looked at the default theme for reference, I see how admins are listed first then mods. Both text and names are aligned on the right.

But I do see how changing the code moves stuff around, just have not found the right combination yet

Stang
  #15  
Old Sep 17, 2010, 02:34 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
I see this link needs work now too:
http://stangsgarage.com/members/stang5_0/followers/

I'll start playing with that and see what I can come up with.
  #16  
Old Sep 17, 2010, 02:36 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
Quote:
Originally Posted by Stang5_0
I see this link needs work now too:
http://stangsgarage.com/members/stang5_0/followers/

I'll start playing with that and see what I can come up with.
Fixed with
ul#members-list li {clear:both;}
However I cannot get the list on this page aligned:
http://stangsgarage.com/groups/zonies-az/members/

Last edited by Stang5_0; Sep 17, 2010 at 02:47 PM.
  #17  
Old Sep 17, 2010, 02:52 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
It's almost the same as the first CSS. I used margin-bottom this time as it seems to look better than margin-bottom. I don't recall why I use the top margin last time.
HTML Code:
#member-list li {clear:both;margin-bottom:70px;}
__________________
~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.
  #18  
Old Sep 17, 2010, 03:11 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
OK, now that did the trick. I guess getting the terms right. Still have the issue up top with the list of admins and mods at
http://stangsgarage.com/groups/ham-operators/members/

I have been playing with code using 'title' and 'titles' assuming that's the keyword here, but not getting it to look like the page does when the theme is set to default.


I think this actually be the last of the alignment issues..Hopefully.
  #19  
Old Sep 17, 2010, 03:23 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
How should the avatars be aligned?
__________________
~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.
  #20  
Old Sep 17, 2010, 03:58 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
I'll switch to the default them so you can see.
I like how things are buttonized in the default. Is that done with CSS as well?
  #21  
Old Sep 17, 2010, 03:59 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Got it... You can switch back now.
__________________
~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.
  #22  
Old Sep 17, 2010, 04:10 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
This should get you started.
HTML Code:
div#item-actions {float:right;}
__________________
~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.
  #23  
Old Sep 17, 2010, 04:14 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
Quote:
Originally Posted by lmilesw
This should get you started.
HTML Code:
div#item-actions {float:right;}
That did it. I'll cruise around and make sure everything else is in order. Thank you as always.
  #24  
Old Sep 17, 2010, 04:18 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
Now is avatar size controlled somewhere in there as well for the group area? I like the default theme size that was used as it seemed just a bit neater.

I also just noticed, if you try to invite people to a group, the list staggers like before.
That link is here
http://stangsgarage.com/groups/zonies-az/send-invites/

I've tried using the term invites this time but no dice.

Last edited by Stang5_0; Sep 17, 2010 at 04:25 PM.
  #25  
Old Sep 17, 2010, 06:12 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
With the default set, it looks like this:

Quote:
And with Atahualpa, it looks like this right now on the invite page

Quote:
I don't mind trying to play with the code, and have been based on your assistance.
I guess what I am trying to figure out, is how in my current block of code I have
HTML Code:
ul#members-list li {clear:both;margin-bottom:70px;}
#link-list li {clear:both;margin-bottom:70px;}
#group-admins li {float:right;}
#group-mods li {float:right;}
ul#followers-list li {clear:both;margin-bottom:70px;}
ul#following-list li {clear:both;margin-bottom:70px;}
#member-list li {clear:both;margin-bottom:70px;}
div#item-actions {float:right;}
#group-invites li {float:right;}
relates to stangsgarage.com/groups/zonies-az/send-invites/

Don't mind the last line, that is the one I am playing with. I have used sends and other variations and I guess that's what I mean by keywords if you will.

Hope this helps a bit more, sorry the pics are huge, I have limited resources at the moment.

Stang

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 07:00 AM
Atahualpa and buddypress lordi Plugins & Atahualpa 2 Jun 10, 2010 12:37 PM
Atahualpa and Buddypress qbuster Atahualpa 3 Wordpress theme 3 Jun 10, 2010 08:24 AM
Atahualpa 3.4.01 Sidebar text alignment on home / news page Craig Atkinson Sidebars & Widgets 9 Jul 8, 2009 09:38 AM


All times are GMT -6. The time now is 11:21 AM.


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