I would like to remove the header and put my own in without changing the size. I've tried removing the background style from div#header in style.css but nothing changes. I've also tried replacing the header.png file with another picture and nothing changes.

I can't figure out where the header is being generated. Am I missing something?

Thanks so much.

Comments

EmmaD’s picture

Figured it out. I now read that you have to save the theme settings again to see the changes.

Now I'm trying to change the background color by changing the style info for #pixture-reloaded but it seems to blend whatever color I put in with another color.

Does it always use base.png?

Thanks.

ar-jan’s picture

Status: Active » Closed (fixed)

Old, assuming fixed...

richH’s picture

StatusFileSize
new35.16 KB

Hi,

I'm a bit late with my answer, but I hope I can help a little. I don't think you should change style.css as this belongs to the theme. Instead you can modify local.css for all your local/tailored changes (/sites/all/themes/pixture_reloaded/local.css).

I had to change the header on my website as well and did this using two directives in the local.css file. The header image has two components which are the left hand part of the header image which has the swooshy-wave and a thin right-hand image which is repeated.

I decided to replicate this system to keep the changes down. So my two directives are

*
** change the header background
*/
div#header {
  background: url(/sites/default/files/triteam/header.png) no-repeat top left;
}


#page {
  background: white url(/sites/default/files/triteam/bg-header.png) repeat-x left top;
}

The first one changes the left-hand side with the swooshy stuff and the second one replaces the repeated right hand image. Attached is a screen shot of my header.

Hope this helps. I'm not sure about changing the background colour. Isn't that just a theme configuration setting?

cheers
Rich