Changing header size in BP Default theme

How do you change the header size in buddypress default theme?

  • 2456Zebra

    Thanks PC...those are the exact links that have brought me to this point below where I am stuck..........

    Things I have done:

    1. Created child theme of default theme and activated
    2. Made an empty folder style.css into child theme and inserted the top stuff that goes there. Child theme seems to work fine so I think I did that right.
    3. Created funtions.php empty folder into child theme
    -- I tried copying it into child but got error. I read somewhere to make an empty folder of funtions.php
    4. Copied default.css into child theme. Was this suppose to be an empty folder too? I copied the whole thing into it.

    5. Just to test how to change the header size to 300 I changed this line in the default themes functions.php folder because I didn't know what to copy and paste into the child funtions.php empty folder:

    // The height and width of your custom header. You can hook into the theme's own filters to change these values.
    // Add a filter to bp_dtheme_header_image_width and bp_dtheme_header_image_height to change these values.
    define( 'HEADER_IMAGE_WIDTH', apply_filters( 'bp_dtheme_header_image_width', 1250 ) );
    define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'bp_dtheme_header_image_height', 300 ) );

    6. I changed where it says height from auto to 300 in the child default.css folder:

    #header {
    background: #1fb3dd; /* Old browsers */
    background: -moz-linear-gradient(top, #1fb3dd 0%, #1fb3dd 15%, #394c79 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fb3dd), color-stop(15%,#1fb3dd), color-stop(100%,#394c79)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1fb3dd 0%,#1fb3dd 15%,#394c79 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1fb3dd 0%,#1fb3dd 15%,#394c79 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #1fb3dd 0%,#1fb3dd 15%,#394c79 100%); /* IE10+ */
    background: linear-gradient(top, #1fb3dd 0%,#1fb3dd 15%,#394c79 100%); /* W3C */
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #fff;
    height: 300;
    margin-bottom: 20px;
    padding-top: 25px;
    position: relative;
    z-index: 1000;

    7. I uploaded my new header and activated


    The new header shows up, but still at the same crappy little default size.

    What did I do wrong?

    Thank you!

  • PC

    Hey @245@2456Zebra

    Greetings and thanks for posting back and letting me know that it has been resolved now.

    With all these smart people around here I would have though someone would have noticed it.

    I totally agree to it :slight_smile: However I just came across this post right now and perhaps I might have missed that small error too :wink:

    Sending a few points your way for being nice and sharing the solution.

    Cheers, PC

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.