Customizing the look of the Sopcial Theme

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.

  • DavidM
    • DEV MAN’s Mascot

    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

  • Shane7
    • Site Builder, Child of Zeus

    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...

    /* 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;}
  • DavidM
    • DEV MAN’s Mascot

    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!

  • DavidM
    • DEV MAN’s Mascot

    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.
    https://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

  • r.c.almeida
    • Flash Drive

    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

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.