On Dec. 5 2009 an issue (http://drupal.org/node/652272) was opened asking for a feature change to add the ability to add/change the background image for the header and page. The response said, "...I have no immediate plans to add this feature. You can add custom background images to the page and header manually in the style sheet, and I'd be happy to assist you with that if you like..." The original poster never responded but there were two comments several months later asking for the offered assistance. Since I see no evidence of that assistance in the issue log and haven't found it in my searching, I assume that the request was never made before the issue was closed or the requested information is posted elsewhere and I missed it. At any rate I am requesting either info regarding how/where to make the change to add a custom header background image (and page background image) or a pointer to where that info is. Thank you for your consideration.

Comments

menuchin’s picture

I'm also interested in this issue.

ajross’s picture

To add a header image, try adding the following to local. css:

#header .section {
  background-image: url(path_to_your_image);
}

You also mentioning adding it to the page. If you mean the main body background, apply your image as follows:

body {
  background-image: url(path_to_your_image);
}

Or if you mean the main content area, instead do the following:

#page {
  background-image: url(path_to_your_image);
}

If that does not work for you, let me know and I will try to help you get the background image set up however you need. Thanks!

menuchin’s picture

Thanks. A better solution for me is:

#header .section {
  background: url(path_to_your_image);
}

And parameter "Select color for header and footer backgrounds:" must be blank. Otherwise, do not work.

ajross’s picture

Right. The styles in local.css will override header styles if you are using one of the preset color schemes, but if you use the custom color pickers, those will load last. So don't set a custom color value for anything you want to style in local.css.

ajross’s picture

Status: Active » Fixed
larrycook99’s picture

Sorry for the delay getting back to this.

The client decided that they did not want an image in the header after all. They thought it looked cleaner without it. However, it is something that I wanted the ability to do for other projects. So, thank you for the prompt response and it appears that someone else also benefited.

ajross’s picture

Status: Fixed » Closed (fixed)
mqx66’s picture

Hi,

I have followed the instruction to add the following in the "local.css" in the CSS files of CTI flex

#header .section {
background-image: url (picture.png);
background-repeat: repeat-x;
}

It does not change anything.
I put the picture.png at the "images" folder of CTI flex.

I have also tried url (images/picture.png) with not luck.

I have tested the syntax of background-image: url (picture.png) at local computer, the image works fine at local computer.

I also leave the Select color for header and footer backgrounds blank (none: color scheme, so I can customize the colors. I also checked the theme registry on: Rebuild theme registry on every page.

please advise.

Thank you very much!

ajross’s picture

Try the following:

background-image: url(../images/picture.png);

and see if that works. Let me know if it doesn't.

mqx66’s picture

Hi,

Thank you very much to take the time to help out.

I have tried the following in "local.css"

#header .section {
background-image: url(/public_html/testsite/sites/all/themes/cti_flex/images/sky.jpg);
}

and
#header .section {
background-image: url(public_html/testsite/sites/all/themes/cti_flex/images/sky.jpg);
}

I leave "select color the header and footer" blank.

both paths (difference is with / or without / before public_html) do not work.

I have also tried the same things at #header .section of "pages.css"

They did not work neither.

turn off or turn on the CSS optimization does not make a difference.

I have no problems changing the background color or padding in the header section.

I must miss something.

Thanks for advise.

Imteaz Ahmed’s picture

There is no local.css file in my localhost installation directory. How can I solve the problem?

jtjones23’s picture

The local.css file is in cti_flex > css. if it's still not there, you should download the theme again.

abhisaek’s picture

Title: Header (and page) Background image » Header Background image size
Version: 6.x-2.1 » 7.x-1.0
Status: Closed (fixed) » Active

I wanted to use the header as my banner or logo. I have followed instruction to set the background image. Now I don't know how to set the image size as only part of the image shows on header.
site address: http://www.kalbela.com/

Thanks