WordPress.org

1. ijessi
   Member
   Posted 2 years ago #

   Hello,

   I've been trying to upload the new "header_bg.png" image to filezilla in place of the other one, but the old header image stays even when the image I've uploaded to the remote server is different! Before, I've replaced the header image a few times with no problems, but now I'm not able to for some reason.

   I've triple-checked to see if each word and letter is correct and it is.

   Recently I changed this part in the CSS code from this:

   #page,
   body.smartposition #rollingarchives {
   background: #white;
   }

   to this:

   #page,
   body.smartposition #rollingarchives {
   background: #fff;
   }

   so it might involve that somehow but I'm not sure.

   my website: http://www.hiyapapaya.com

   THANKS for any help I can get. I'm totally puzzled on this one.

   sincerely,
   Jess

2. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #

   did you refresh your browser? ctrl+f5

3. ijessi
   Member
   Posted 2 years ago #

   yes, I've refreshed it a bunch of times but nothing changes.

4. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #

   background: url(images/header_bg.png) no-repeat left top #fff;

   should actually be
   background: #fff url('images/header_bg.png') no-repeat left top;

   but not sure thats an issue...what should the pic look like? 4 black & white photos in a car? Or thats the old one

5. ijessi
   Member
   Posted 2 years ago #

   thanks for helping me out! I've got to leave here really soon but I'll be back, of course, to see if anyone has been able to solve it.

   The old header image is what you see now, and the new one will have 4 new images. (i.e. A closeup of me with sunglasses should be on far left, but right now it's still the one of me putting my seat belt on and my friend singing)

   It's so weird, I don't get it!

   I've even deleted the "header_bg.png" image to see what happens, but still the old header image stays. That tells me it's pulling the file from elsewhere, but I don't know where it could be getting it from.

6. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #

   just to make sure you are uploading to the images folder in your theme correct? Not just to the theme folder

7. alchymyth
   The Sweeper
   Posted 2 years ago #

   the image is in the right spot;
   but, as @RVoodoo told you already, the #fff at the end of your background style is wrong and has to be removed for the header background image to show:
   

   #header {
   	position: relative;
   	height: 330px;
           width: 1000px;
   	background: #fff url(images/header_bg.png) no-repeat left top;
   	background-position: center;
   	background-repeat: no-repeat;
   	overflow: hidden;
   	}

   that leaves a few validation errors which might be causing trouble elsewhere, if not already, maybe in the furure and in older browsers.

   http://validator.w3.org/check?uri=http%3A%2F%2Fhiyapapaya.com%2Fblog%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

8. ijessi
   Member
   Posted 2 years ago #

   I FIGURED IT OUT!

   I deleted both the header_bg.png image on the remote site AND the local site and emptied my trash can, then I re-saved the opened PS image as header_bg.png in my local site and uploaded it to the remote site where it FINALLY showed up!!!

   So excited. It must've been stuck on the old image for some reason.

   Anyway, thank you for your help!

   p.s. I went to the validator site and put in my site and up came a bunch of invalidated things, however I don't know how to fix any of them so right now I'll leave them as is until I run into a problem :)

Topic Closed

This topic has been closed to new replies.