Header Images and Themes

Hello, I have a question about header images. I am using the Berlin Theme and I have identified a header image, which shows up just beneath my menu. Is there any way I can have my simple pages show a different header image than the one that shows up on my home page?

Thank you.

Sorry, the customization options for the themes are site-wide settings.

You could achieve a layout that varies between the sections of the site by writing your own theme, though.

Okay, I am somewhat confused as to where I might find information detailing how I might begin to customize a theme so that different header images are used on different pages. Are there any examples of code I might look at which does use different images for different pages? And I can't seem to figure out where the customization options for the site-wide settings end up appearing in the actual code. Any pointers would be greatly appreciated. Thank you in advance.

Another option you might consider is to just add styling information directly into the text field of the simple pages plugin. So if you wanted to change the header image, you could put something like this in the text field:

<style type="text/css">
#header{background: transparent url(/omeka/archive/files/yourimage.jpg);}
</style>

Just find the css you need to change and then place the new rules in the simple pages plugin. This will create an internal style sheet that will have priority over your theme's external style sheet (usually the screen.css file).

Are there any examples of code I might look at which does use different images for different pages?

There are none that I know. Andy's solution above should do the job. Or, you could use the ID attribute on the body tag, which should be unique for each SimplePages page based on the page's slug. So, if your page's slug is 'about', you could add a statement in your CSS file like so:

body#about header {background-image: url('../images/about-header.jpg');}

The value of the ID attribute would be different for each page.

And I can't seem to figure out where the customization options for the site-wide settings end up appearing in the actual code. Any pointers would be greatly appreciated. Thank you in advance.

These are different from theme to theme. Theme configuration options are defined in config.ini in each theme, but themes themselves can use the values for these any way they wish. You may want to check our documentation for Theme Configuration if you wish to explore this further.

Thanks to both Jeremy and Andy. I will try both of these suggestions.

Another solution to the different header question. In my header.php file, I added a conditional statement:

<?php if ($bodyclass=='page simple-page simple-page-home'):?>
Content in this space is used on a simple page that is also the home page.
<?else:?>
Content in this space is applied to other pages.
<?endif?>

Basically this allows me to skip over parts of the header that I don't want on my simple page.