anthzila
Sophomore
Just Getting Started
Member Likes (0)
Hello, I am a premium user. My website uses the Buddy Social theme (www.pavedmiles.com/iots). I wanted to customize its look like this - http://pavedmiles.com/iots/wp-content/uploads/2011/05/29MAY2011-Web-design-draft.jpg
Please I need your help. Thanks.

Responses (7)
WPMU DEV Fanatic (joined October 2009) Likes (0)
Hi anthzila and welcome to WPMU DEV!
Fortunately, BP Social looks a lot like that to begin with. It would be best to post specific requests in a new thread per each item you'd like to customize.
That said, perhaps we could begin with something simple. Is there a particular part you're finding difficulty in customizing right now?
Cheers,
David
Member (joined June 2010) Likes (0)
I did the same exact column adjustments to my social theme. below is the css I used to make the center column wide and the outside columns more narrow.. (all 3 columns are the same width by default)..
just add the below to your style.css file...
Member (joined May 2011) Likes (0)
Thank you for your response David M. I would like to place the user profile picture and its user nav in the left column.. how can i do that?
WPMU DEV Fanatic (joined October 2009) Likes (0)
Hi anthzila,
Editing the theme to get a sidebar profile like that may not be necessary depending on how you want this all to work. For instance, you could take a look at the following article that discusses how to setup a profile widget in that area, and all the necessary code is provided in the article.
http://code.ipstenu.org/2011/customizing-sidebar-profile-bp/
There's also the following widget to show friends online that could perhaps go below that.
http://wordpress.org/extend/plugins/bp-show-friends/
@Qwerty, thanks for the helpful share! Had to give ya some rep points for that!
Member (joined May 2011) Likes (0)
i am not really an expert in PHP.. but can someone help me do this? thanks
WPMU DEV Fanatic (joined October 2009) Likes (0)
Hi anthzila,
For customizations such as you're requesting, options that are not available in the themes themselves, coding such as I mentioned really would be the only way to achieve that. We do provide a job board here though, to make it easier for you to find a professional capable of doing the task for you.
http://premium.wpmudev.org/wpmu-jobs/
However, there are also a number of useful widgets that may be able to do what you're requesting here, such as the Friends widget I mentioned. And if you're happy with the column widths in the theme as they are, you wouldn't need to use that CSS customization given above.
We'll be happy to help you through these things, but for things that the theme doesn't provide for as an option, edits may need to be made to theme files. I'll try and find any feasible alternatives for you though.
Cheers,
David
Member (joined December 2011) Likes (0)
Hello,
I did what Shane7 had suggested:
/* Home Page Adjust Columns */
div#home-left {width: 75% !important;}
div#home-left div#box-left.box {width: 30% !important;}
div#home-left div#box-center.box {float:left !important; width: 66% !important;}
body#custom.home-page div#wrapper div#container div.content div#box-right.box {width: 22% !important;}
It's perfect, changed almost every page, but I still need some help here !
It didn't change the user activity page, for example:
http://.......com/members/xxxxx/activity/
In those pages, which are very important, the center column still is very thin... How can I enlarge that?
Thank you very much
Rodrigo
Become a member