Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] buddypress.css not working properly?

  • Avatar of Kyle H
    Kyle H
    Participant

    @cikez

    Hello,

    I am currently using:

    BP 1.7
    Wordpress MU 3.5.1

    I am trying to use buddypress.css to customize some css on one of my themes. Everything works fine if I dont copy the file to my theme, but once I add the buddypress.css file from /bp-legacy/css/ to /mytheme/css/ it breaks buddypress styles completely.

    If I go to View Source of a Buddypress page on my site is shows:

    So it looks like it is loading but it is breaking all BP related css.

    Any ideas?

    Thanks.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Avatar of bp-help
    bp-help
    Participant

    @bphelp

    If your using a theme other than buddypress default within a child theme then things are gonna break when if you copied the bp-default themes style.css into your active theme. If your using a child theme based on something else then you need to add adjust and add this to your active themes style.css

    /*
    Theme Name: Whatever you wanna name the child theme
    Theme URI: http://example.com/
    Description: Child theme for whatever theme you choose
    Author: your name here
    Author URI: the theme name you made a child them of "case sensitive"
    Version: 1.0 or whatever you want to number it
    Tags: whatever tags is appropriate if it is a a theme specific to buddypress then you will want to add "buddypress" to the tags sense 1.7 adding buddypress tag is not a necessity.
    */
    /*-------------------------------------------------------------
    Custom CSS
    --------------------------------------------------------------*/
    @import url("../whatever theme name you made a child theme of
    "case sensitive"/style.css");

    Avatar of bp-help
    bp-help
    Participant

    @bphelp

    Sorry the above had a typo:
    use this instead:
    `
    /*
    Theme Name: Whatever you wanna name the child theme
    Theme URI: http://example.com/
    Description: Child theme name for whatever theme you chose
    Author: your name here
    Author URI: http://example.com/
    Version: 1.0 or whatever you want to number it
    Tags: whatever tags is appropriate if it is a a theme specific to buddypress then you will want to add “buddypress” to the tags sense 1.7 adding buddypress tag is not a necessity.
    */
    /*————————————————————-
    Custom CSS
    ————————————————————–*/
    @import url(“../whatever theme name you made a child theme of
    “case sensitive”/style.css”);
    `

    Avatar of Hugo
    Hugo
    Moderator

    @hnla

    but once I add the buddypress.css file from /bp-legacy/css/ to /mytheme/css/ it breaks buddypress styles completely.

    You may need to explain what your process in more detail. Adding /css/buddypress.css to both 2012 and a child theme based on 2012 works as expected.

    Avatar of Tammie
    Tammie
    Moderator

    @karmatosed

    @bphelp just a slight aside but maybe good to mention, you don’t need to do what you said – 1.7 has theme compatibility like @hnla says you should simply have the files in the same location.

    Avatar of bp-help
    bp-help
    Participant

    @bphelp

    @karmatosed Actually I got confused because I have various installations of WP and BP on my localhost. Actually on my WP 3.5.1 install and BP 1.7b1 install using a child theme of “Responsive” I just use my child themes style.css to overide any buddypress css that I need too. Reason I do this is so if the “Responsive” theme gets updated then my child themes styles stay intact. Make sense?

    Avatar of Kyle H
    Kyle H
    Participant

    @cikez

    @hnla

    I am using an Artisteer theme. I am not sure what other information you need. I am moving the buddypress.css file to a folder /css/ in my themes directory. If i do not move it over everything looks ok, but as soon as I move buddypress.css over it seems to remove all styling from the default BP install.

    Thanks.

    Avatar of bp-help
    bp-help
    Participant

    @bphelp

    @cikez did you copy the buddypress css directory folder as well as its contents to the root of your theme? If I am correct it needs to maintain its directory structure so in the root of your theme if you copied it correctly there will be a folder named css and inside it will contain buddypress.css

    Avatar of Kyle H
    Kyle H
    Participant

    @cikez

    @bphelp Yes the current structure is /mytheme/css/buddypress.css.

    Any other ideas? I’d really like to get this working.

    Avatar of bp-help
    bp-help
    Participant

    @bphelp

    @cikez Sorry but I am not too familiar with Artisteer themes structure. Maybe someone that has experience with these themes can jump in to lend you a hand. My apologies!

    Avatar of Kyle H
    Kyle H
    Participant

    @cikez

    Ok, thanks for your help.

    Anyone else able to help with this? Has anyone tried using BuddyPress with Artisteer 4 themes? I would really appreciate the help. Thanks again.

    Avatar of Kyle H
    Kyle H
    Participant

    @cikez

    This has been resolved. The issue was there was a space in the folder name of the theme but BuddyPress was looking for the custom css file WITHOUT the spaces. To resolve this I just renamed the theme folder to not have spaces in it.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @cikez Glad you resolved the issue and thanks for posting back on what caused it :-) Good to know that theme compat is working even in Artisteer themes.

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

You must be logged in to reply to this topic.