thesacredpath on "Custom Header CSS code for Oxygen Theme"

thesacredpath — Tue, 31 Jul 2012 06:21:13 +0000

You would want to instead put the image in #page in the CSS using the following CSS. Note that the length of the main page might vary in length a little from time to time, so the right length for an image isn't an absolute. You can have a shorter image and then have it repeat in the "Y" direction (down). If you want the image to repeat down, then replace "no-repeat" in the background declaration with "repeat-y".

Create your image at 940px wide and whatever length you choose and optimize it heavily so that it doesn't go over 250k in file size if at all possible to keep page loading times reasonable. Upload that image to your media library, get the URL and replace URL OF IMAGE between the double quote marks in the rule below.

.page-template-showcase-php #page {
background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
}

On other thing to note is that the elements in the image may make it difficult to read things at certain points on the page since there is no background to the content text.

Give this a try and if adjustments are necessary, we can work on those.

girl4ny on "Custom Header CSS code for Oxygen Theme"

girl4ny — Tue, 31 Jul 2012 05:49:29 +0000

Is there a way for my header to stretch the entire length of the showcase page on my blog?

thehappymouthblog.com

I just want the header image to stretch the length of all the text. Any ideas for CSS code? I have a custom upgrade option already.

Thanks!

WordPress.com Forums » Topic: Custom Header CSS code for Oxygen Theme

thesacredpath on "Custom Header CSS code for Oxygen Theme"

girl4ny on "Custom Header CSS code for Oxygen Theme"