WordPress.org

1. stacysblog
   Member
   Posted 4 years ago #

   Hello,

   I changed my header by adding a personalheader.jpg file to my blog folder, but now when my page loads the old header briefly appears before the new header pops up.

   I've gone into my blog folder on my webhost and deleted every sign of the old header image. So why is it still there?

   You can go here to see what I mean:

   http://missbakersbiologyclass.com/blog

   Thank you for your help!
   Stacy

2. boober
   Member
   Posted 4 years ago #

   that's the background color of the header area you're seeing before the image loads. its set in your style sheet
   

   #header {
   
   	background-color: #73a0c5;
   
   	}

   you might want to change it from that light blue color to black, maybe. so change #73a0c5 to #000 or for white #fff

3. stacysblog
   Member
   Posted 4 years ago #

   Oh, I think that worked! Thank you very much.

4. boober
   Member
   Posted 4 years ago #

   no, its still wonky. still loading the original header first

5. boober
   Member
   Posted 4 years ago #

   you added your own header class with your own header image, but didnt delete the original one, so its loading the original one first

   /* To accomodate differing install paths of WordPress, images are referred only here, and not in the wp-layout.css file. If you prefer to use only CSS for colors and what not, then go right ahead and delete the following lines, and the image files. */ body { background: url("http://missbakersbiologyclass.com/blog/wp-content/themes/default/images/kubrickbgcolor.jpg"); } #page { background: url("http://missbakersbiologyclass.com/blog/wp-content/themes/default/images/kubrickbg.jpg") repeat-y top; border: none; } #header { background: url("http://missbakersbiologyclass.com/blog/wp-content/themes/default/images/kubrickheader.jpg") no-repeat bottom center; } #footer { background: url("http://missbakersbiologyclass.com/blog/wp-content/themes/default/images/kubrickfooter.jpg") no-repeat bottom; border: none;} /* Because the template is slightly different, size-wise, with images, this needs to be set here If you don't want to use the template's images, you can also delete the following two lines. */ #headerimg { background: url('http://missbakersbiologyclass.com/blog/wp-content/themes/default/images/personalheader.jpg') no-repeat top;} */
   
   <!--#header { background: url('http://missbakersbiologyclass.com/blog/wp-content/themes/default/images/header-img.php?upper=000000&lower=000000') no-repeat bottom center; } #headerimg h1 a, #headerimg h1 a:visited, #headerimg .description { color: #FFFFFF; } -->

6. stacysblog
   Member
   Posted 4 years ago #

   Okay, I'm ready to try and solve this problem again. Thanks boober for your help. I don't understand what I'm supposed to do. I deleted the original image from my file folder and I tried deleting certain lines from my header.php but to no avail.

7. stacysblog
   Member
   Posted 4 years ago #

   Please help if you can! I still can't figure this out. Thanks.

Topic Closed

This topic has been closed to new replies.