I am a little confused about editing the theme in 4.0. I want to add a background image to the header section. I see where to change the color, but what file do you have to edit to add a background image?

did you try using firebug to look into it?

if you know where to change the background color, can't you just use the same CSS file to add a background image?

#ipsLayout_header > header {
padding: 10px 0 125px 0;
margin-bottom: -115px;
background: #3d5e78 url(YOURBACKGROUNDIMAGE.png);
}

Should be found in framework > global.css

Edited November 16, 201410 yr by Raidriar

Each theme in 4.0 has it's own set of folders. After you create your theme you can use the "Manage Images" feature from your specific theme drop down then call the image with the given image output information, for example..

Edit.. There may be a bug right now that prevents this from working, I think it got fixed for round 3? Also, adding to your Manage images folder allows you to export your theme whole.

 

{image="MyImage.png" app="core" location="front"}

 

Edited November 16, 201410 yr by csm

Ok, my last edit didn't stick so I believe in whole the code would look like this ... I think

#ipsLayout_header > header {
padding: 10px 0 125px 0;
margin-bottom: -115px;
background: #3d5e78 url({image="MyImage.png" app="core" location="front"});
}

 

ftp create new folder called img, in global css put this code:

#ipsLayout_header > header {
    padding: 10px 0 170px 0;
    margin-bottom: -150px;
    background: url("/forum/img/11.jpg") fixed top;
}

Where I can find the global.css?

http://community.invisionpower.com/files/file/7408-header-image-by-ips-themes/ I use this plugin to change header image