Skip to:
Content
Pages
Categories
Search
Top
Bottom

customize default buddypress header with child theme…


  • tlachaussie
    Participant

    @tlachaussie

    14 years, 7 months ago

    Hi,

    I’m becoming very frustrated, so hopefully you all can help me get on track…

    I’ve read the child theme documentation, and have it selected as my active theme. I’m currently importing the css for the default theme in my style.css…

    What I’m trying to do is modify the header style to be my own… From what I read I should be able to just add

    #header {

    background: #121212 no repeat scroll 0 0;

    height: 88px;

    min-width: 960px;

    padding-top: 25px;

    }

    However, it isn’t picking up the new style..

    Firebug is showing this for #header

    #header {

    -moz-background-clip: border;

    -moz-background-inline-policy: continuous;

    height: 88px;

    min-width: 960px;

    padding-top: 25px;

    }

    #header {

    position: relative;

    color: #ffffff;

    background: transparent url( ../images/default_header.jpg) repeat scroll 0 0;

    -moz-border-radius-bottomleft: 6px;

    -moz-border-radius-bottomright: 6px;

    -moz-background-origin: padding;

    -moz-background-inline-policy: continuous; crossed off

    -moz-background-clip: border;

    height: 100px; crossed off

    padding-top: 25px; crossed off

    }

    I’ve put crossed off because thats how they appear, that isn’t the text that appears…

    I’ve also tried turning off the import of the CSS from bp-default, but then it doesn’t pick up anything for #header…

    Any ideas please? I’m loosing confidence.

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

  • danbpfr
    Participant

    @chouf1

    14 years, 7 months ago

    you must have a copy of header.php file in your child theme folder


    tlachaussie
    Participant

    @tlachaussie

    14 years, 7 months ago

    No, the only files in my child theme folder are style.css and functions.php

    functions.php contains this…

    <?php

    function my_remove_bp_actions() {

    remove_action( ‘init’, ‘bp_dtheme_add_custom_header_support’ );

    }

    add_action( ‘init’, ‘my_remove_bp_actions’, 9 );

    ?>


    r-a-y
    Keymaster

    @r-a-y

    14 years, 7 months ago

    You need to add !important declarations in your CSS rules since you’re trying to override the BP default’s CSS.

    eg.

    #header {
    
background: #121212 no repeat scroll 0 0 !important;
    
height: 88px;
    
min-width: 960px;
    
padding-top: 25px;
    
}

    This will override your #header’s background.


    tlachaussie
    Participant

    @tlachaussie

    14 years, 7 months ago

    I thought of that too, while I was waiting for a response I tried this, and it still didn’t work.

    Firebug is still showing this as the #header from my style.css

    #header {

    -moz-background-clip: border;

    -moz-background-inline-policy: continuous;

    height: 88px;

    min-width: 960px;

    padding-top: 25px;

    }

    and this from default.css

    #header {

    position: relative;

    color: #ffffff;

    background: transparent url( ../images/default_header.jpg) repeat scroll 0 0;

    -moz-border-radius-bottomleft: 6px;

    -moz-border-radius-bottomright: 6px;

    -moz-background-origin: padding;

    -moz-background-inline-policy: continuous; crossed off

    -moz-background-clip: border;

    height: 100px; crossed off

    padding-top: 25px; crossed off

    }


    r-a-y
    Keymaster

    @r-a-y

    14 years, 7 months ago

    A link would help.


    tlachaussie
    Participant

    @tlachaussie

    14 years, 7 months ago

    http://www.wayg.org/dumpeddiamonds


    r-a-y
    Keymaster

    @r-a-y

    14 years, 7 months ago

    Try this in your style.css:

    /* Inherit the default theme styles */
    
@import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/default.css );
    

    
/* Inherit the default theme adminbar styles */
    
@import url( ../../plugins/buddypress/bp-themes/bp-default/_inc/css/adminbar.css );
    

    
#header {background:#121212 !important;}

    Make sure you refresh your page so you can view the new changes.


    tlachaussie
    Participant

    @tlachaussie

    14 years, 7 months ago

    Ok, that works. At least something changed this time! The wheels are spinning again. Thanks!


    tlachaussie
    Participant

    @tlachaussie

    14 years, 7 months ago

    maybe I should start a new thread for this…

    How do I remove something that I don’t want to be inherited, I’m assuming I need to remove it from the imported css?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘customize default buddypress header with child theme…’ is closed to new replies.

Topic Info

Topic Tags

Skip to toolbar