The S2 HowTo Journal

Tips, Tricks, and Tutorials for Basic S2 Customization

Previous Entry Share Next Entry
[all] Adding a Header Image — Overview
howto_user wrote in s2howto

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.

Contributed by isabeau.


Comments Disabled:

Comments have been disabled for this post.

?

Log in

No account? Create an account