Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to edit this part of the default template?

  • Avatar of jeffreeeeey
    Tom
    Participant

    @jeffreeeeey

    Screenshot: http://yfrog.com/1scapture1tj

    I’ve looked through all the files in /profile, but cant see how to remove it totally (That’s what I want to do as it’s not needed on my site).

    Can anyone tell me where to locate this part in my files? Im using the default template for BP.

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    You’re on BP 1.1.3, right? The userbar.php and optionsbar.php files – the two verticals you have there – are located in bp-sn-parent theme. The calls to both the userbar and options bar are made in made in bp-sn-parent theme’s header.php:

    <?php locate_template( array( 'userbar.php' ), true ) /* Load the user navigation */ ?>
    <?php locate_template( array( 'optionsbar.php' ), true ) /* Load the currently displayed object navigation */ ?>

    Avatar of jeffreeeeey
    Tom
    Participant

    @jeffreeeeey

    Yeh correct. And thanks… I just removed the userbar.php and optionsbar.php files from the site, and sure enough, those 2 columns in a member profile no longer have any content.

    However; the columns are still displaying (2 different shades of grey). Are these divs? And if so, I’m assuming they are somewhere in the index.php file, but Im unable to locate them. Can you point me in the right direction… please?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    The different shades of gray are rendered by background images for certain pages of the theme. It’s been some time since I created a child theme for bp-sn-parent, but these selectors should get you started:

    body.blog-page #container,
    body.directory #container,
    body.home-page #container,
    body.internal-page #container,
    #container {
    background: #ffffff none;
    }

    where you can change #ffffff to whatever color you want and “none” in effect says no background image for these pages.

    You add that style at the bottom of screen.css located in BP 1.1.3 bp-default/_inc/css/ folder.

    Or to be BP-correct, uncomment the following

    @import url( _inc/css/custom.css );

    in your bp-default style.css and create custom.css file in bp-default/_inc/css/ folder and add above style to custom.css.

    Avatar of jeffreeeeey
    Tom
    Participant

    @jeffreeeeey

    Sorry I don’t think that’s what I’m looking for tbh…

    Those 2 grey columns have styling, as you’ve suggested, so Im assuming they are inside a div?

    Basically I want to take that 2 column div, and turn it into 1 column, and then add the “about me” (etc) details into it.

    I’ve edited the avatar size and that will display on the right hand side of the profile.

    Here’s a screenshot/ photoshop of what I’m trying to achieve (the blue parts are just to hide data I cannot show at this time):

    http://i231.photobucket.com/albums/ee311/threegcodes/newlookscreen.jpg

    So.. what I need to locate is this div, so I can change it from 2 columns to 1 column. If I’m correct? However I can’t find it anywhere.. I just need pointing in the right direction.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Those two grey columns, as I mentioned above, is a background image added to the left hand side of the container div in certain pages within that theme as I showed you with the selectors. You can always replace the original background image with another in your style sheet.

    Since you deleted the usersbar.php and optionsbar.php which have their own divs, you would need to replace them with your own div containing the information you want for that area and style accordingly.

    Avatar of jeffreeeeey
    Tom
    Participant

    @jeffreeeeey

    Thanks for that mate.

    After about 5hrs of messing around with css and those .php files, here’s what I’ve ended up with:

    http://i231.photobucket.com/albums/ee311/threegcodes/profilesnew.jpg

    The only problem now is the 2nd column in the details section.. it’s very narrow. Note where it says “Green/ Brown” .. The “Green” is being pushed down onto the next line, and I have no idea how to fix this.

    Got any ideas?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Resize the first column table cell to 40%-50%

    Avatar of jeffreeeeey
    Tom
    Participant

    @jeffreeeeey

    thanks.. that worked a treat. :)

Viewing 8 replies - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.