[all] Adding a Header Image - Overview
This tutorial provides information on adding a header image in S2. The exact method of doing so - a layout-specific setting, custom CSS, or a combination of the two - depends on the particular layout. All customizations will be made through the Custom Options page.
Layouts that specifically support header images are listed here. The header option can usually be found under either "Presentation" or "Images" section. You will need to enter a height (such as "300px") as well as the URL address of the header image.
For other layouts, the easiest way to have a header image is to add it as a background image, specify the background image properties so that it appears at the top of the journal and does not repeat, and then shift the journal contents down so they start below the image. Layouts that support both adding a background image and specifying the image properties are listed here. Layouts that support adding a top margin, which will shift the journal down, are listed here.
For layouts that do not offer some or all of the above customization options, you can use CSS to add a background image and shift the journal down. CSS can be added in the "Custom CSS" section of the Custom Options page.
More tutorials for adding a header image can be found under the 'header image' tag of this community.
Additional References How do I customize my journal using S2?
Why are my images not displaying? What is remote loading?
Contributed by isabeau.