Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] BuddyPress Theme Compatibility – U-Design Theme

  • Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    Hi, I have a template styl.css BuddyPress, I installed the “BuddyPress Theme Compatibility”, and where I now have my style.css paste this to BuddyPress?

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

    @mercime

    Not quite clear what you meant. You don’t paste anything to BuddyPress, you paste style changes into your active WP theme’s style.css file. If that’s not what you meant, then:
    - What’s the name of the WP theme which you’re trying to make compatible with BuddyPress?
    - Did you already go through Appearance > BP Compatibility?
    - Have you finished with Step 3 of the compatibility process?

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    I have two files bp.css and bp-admin.css, these files are responsible for BuddyPress style, I got them from my old template, I do not know how I have them enter into a new wordpress theme

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    the contents of the files I need to copy and paste into my current theme? style.css, but where BuddyPress will know that he has into this use?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    I got them from my old template

    The thing is, those styles may not even work in your new template unless the HTMLtags/selectors/etc in your new template matches those of your old template. You could try adding those external stylesheets (bp.css and bp-admin.css)to your theme’s header.php see http://www.w3schools.com/css/css_howto.asp

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    I have the style to the registration page BuddyPress

    `/*************************** Register Page ***************************/

    .bp-wrapper .register-section .textInput,
    .bp-wrapper .register-section input[type="text"],
    .bp-wrapper .create-form .textInput,
    .bp-wrapper .create-form input[type="text"] {
    width: 250px;
    }
    .bp-wrapper .register-section #signup_username,
    .bp-wrapper .register-section #signup_password,
    .bp-wrapper .register-section #signup_password_confirm {
    width: 142px;
    }
    .bp-wrapper .register-section,
    .bp-wrapper .create-form {
    padding: 20px;
    margin: 15px 0;
    border: 1px solid #eee;
    }
    .bp-wrapper .register-section h4,
    .bp-wrapper .create-form h4 {
    font-size: 20px;
    line-height: 1;
    }
    .bp-wrapper .create-form label {
    font-weight: bold;
    }
    .bp-wrapper .standard-form#signup_form div div.error {
    color: #8a1f11;
    margin: 10px 0 5px 0;
    }`

    I do not know what to do now

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    What was your former WP theme and what’s your new WP theme? AFAIK there’s no .bp-wrapper in BP Default theme

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    I do not remember the name of the theme

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    Going back to your original post – BP theme compatibility, what WP theme are you trying to make compatible with BuddyPress? And, did you already try to link the two stylesheets via the link I gave to you above?

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    I added two of these links to header.php, of course, have changed the name of the css file

    I buy U-design theme can be found at ThemeForest

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    in addition, all pages BuddyPress are displayed the whole width of the

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    @”

    `
    Why can not I here pasting the css styles?

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    pasted the code here http://wklej.org/id/927729/

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    If the styles you linked to from your old theme are messing up your current theme, then delete them. As mentioned in my second post, the styles you posted might not work in your new theme.

    Initial scan of the U-Design theme shows that you only need to create two or three files to make your BP template files compatible with your theme.

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    Thank you for your help :)

    After installing BuddyPress displayed this on full page width,
    it looks like now: http://img10.imageshack.us/img10/3756/szerokosc.png
    very bad :), but this is a separate problem, I can not, set here, width ;/

    These links which I added myself not messing up my current theme :)

    what files I need to create here?

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    I managed to add style to the default BuddyPress theme :)
    Now I have only the width I need to set

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    Here pasting the contents of my header.php template page.php?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @patrykos360 No. Open up your theme’s header.php file, copy all code, paste in pastebin.com, click submit, and post the generated URI here. Do the same for your theme’s page.php, index.php, sidebar.php and footer.php files.

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    http://pastebin.com/kapv5mt1 header.php
    http://pastebin.com/Fz01WYmh footer.php
    http://pastebin.com/sKSf32vD page.php
    http://pastebin.com/eF9fMZaK index.php
    http://pastebin.com/fRP9wnyS sidebar.php

    I tried to do the same, but was not successful ;/

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    @mercime Is it labour-intensive?

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @patrykos360 it doesn’t take long, just the time to do the process. More than that though, remembering to post the link to the tutorial :-) http://wp.me/p1I84P-4p

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    @mercime
    I enjoyed this short tutorial :) I did just as the instructions think something bad but I added
    Now page displays poorly
    Look: http://pastebin.com/j7rmU38M sidebar
    Header: http://pastebin.com/deYAg4Tw header

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @patrykos360 please read the instructions carefully :-D

    RE header-buddypress.php you must post the code I gave at the BOTTOM, below all other code. What you did is paste the code at the TOP of file which is a no-no

    RE sidebar-buddypress.php the second code must be posted at the BOTTOM, below ALL OTHER code. What I see is that you placed it before the closing !– end sidebarSubnav and !– end sidebar which is incorrect.

    Avatar of Patrykos360
    Patryk
    Participant

    @patrykos360

    i corect and works thanks :))

    Avatar of shanebp
    shanebp
    Moderator

    @shanebp

    @mercime

    http://bpsocialnetwork.wordpress.com//?s=buddypress&search=Go

    Very nice, imo, should be a sticky in the How-To forum.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @patrykos360 Great. Marking this topic as resolved.

    @shanebp Thank you. Fortunately, bp template pack no longer needed come BP 1.7 :-)
    Haven’t completed transferring many more bp template pack tutorials for posterity there yet :-)

Viewing 25 replies - 1 through 25 (of 34 total)

You must be logged in to reply to this topic.