Skip to:
Content
Pages
Categories
Search
Top
Bottom

Adding a image to the header of the default BuddyPress 1.1.3 theme

  • Avatar of donald26
    donald26
    Participant

    @donald26

    Hi,

    I’m pretty new to buddypress theme and i want to create a child theme, I want to add an image in the header instead of just the bolg name in the Default Buddypress theme.. Can someone guide me on how i can go about doing this please..

    Thanks in advance,

    Donald

Viewing 6 replies - 1 through 6 (of 6 total)
  • Avatar of Bowe
    Bowe
    Participant

    @bowromir

    Are you using the new BP .1.2 or the 1.1 version? In 1.2 you can upload a header in the theme options of your admin panel. if you’re using 1.1 I would strongly advise you to think about using 1.2 :)

    Avatar of shaisimchi
    shaisimchi
    Participant

    @shaisimchi

    In the theme that you are running look for the file called screen.css

    in it you can find the header section something that looks like:

    /*** Header ************************************************************/

    #header {

    overflow: auto;

    width: 100%;

    background: #fff url(../images/LogoBanner.png) top left no-repeat;

    }

    it is a background image that points to a file in the images folder.

    I am sure you can take it from there.

    Avatar of donald26
    donald26
    Participant

    @donald26

    thanks folks!! that worked …

    Would be nice with the header API if the height was not restricted. I ended up adding a line to functions.php in my child to allows for a taller header.

    Avatar of donald26
    donald26
    Participant

    @donald26

    Hey David,

    What is the function you added? i kind of googled and worked it our by editing the css and adding height to the header.

    adding a function seems to be more feasible. Please share

    CSS would work too if you want to override everything manually… but you might need to add !important to the declaration. I just did it in a function since my client will want to change the header image themselves from time to time and the custom header application would force them to crop anything they try to upload that is taller than 125.

    So all I did was change the height definition (line 117 in bp-themes/bp-default/functions.php) by adding a functions.php file to my child with just one line:

    define( 'HEADER_IMAGE_HEIGHT', 250 );

    Seems to work.

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

You must be logged in to reply to this topic.