WordPress.org

Ready to get started?Download WordPress

Forums

change header image of fall season theme (8 posts)

  1. thesp2
    Member
    Posted 7 years ago #

    Hi,

    I modified this theme (fall season) after going through some of the topics in this forum, but not with much success. I am not much of a computer geek so would appreciate your help in this matter.

    How do I go about changing the header image of this theme to one of the images saved on my PC??? A detailed step by step instructions would be much appreciated. :) Thanks.

  2. Doodlebee
    Member
    Posted 7 years ago #

    Well, you're not giving much information.

    Got a link?

  3. thesp2
    Member
    Posted 7 years ago #

    ok..... lets go one by one......

    To change the original header image of any theme to an image/images saved on your PC how do you go about doing it???

    (I replaced the theme with the default theme again since the pic didn't show up at all..... the header was completely blank!!!!..... so no point giving you the link. :) )

  4. Doodlebee
    Member
    Posted 7 years ago #

    well, to change the image of *any* header, you need to find out what the header name is, and where it's located in your filesystem. Then make the image you want and name it the same thing, then overwrite the other file.

  5. thesp2
    Member
    Posted 7 years ago #

    The theme that I am talking about is Fall Season
    Currently the code reads like : (I took the code from style CSS document..... is that right???)

    #headerpic
    {
    position: relative;
    height: 149px;
    background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;
    margin-bottom: 2px;
    }

    I want the header to look like:

    TITLE.....Image 1 (blending with) Image 2

    How should I modify my code ?????

  6. Doodlebee
    Member
    Posted 7 years ago #

    How should I modify my code ?????

    The original question was how to change the header image. I asked for a link to your site, and you said it's broken, so it wouldn't help. So you asked how to "generally" change the image.

    I told you. Make your image. Rename it to whatever the current header image is. Upload it and overwrite the old image. That's the most general and quickest way to do what you want.

    However if you need someone to tell you how to modify your code, we need to see a link. That's where all of the information we need is. Linking to the theme is fine (and for the record, the link you provided is incorrect), but we don't know what - if any - modifications you made that may have an effect on what you're trying to do.

    I gave you a general, and very simple, answer. If you'd like me to provide code specific answers, then I need to see a link to the site in action.

  7. thesp2
    Member
    Posted 7 years ago #

    hi,

    sorry for the confusion!!!!! I am absolutely new to this and hence not aware of whats right or wrong or what it should be like!!!

    Shall we start afresh????

    The site that I am talking about is: http://www.thespicecafe.com

    currently the header is like this:

    name
    header pic

    I want to add images from my PC and want it to look like this:
    Name...... image a.jpg (blending with) image b.jpg

    currently the code reads:
    #headerpic
    {
    position: relative;
    height: 149px;
    background: #fff url(images/fall_leaves.jpg) repeat-x bottom left;
    margin-bottom: 2px;
    }

    How do I change/modify/alter this code to have my header to look the way I want it to.

    (I hope I am clear this time :) )

  8. Doodlebee
    Member
    Posted 7 years ago #

    Okay - so you want to replace the *one* image with *two* images?

    Well, there's no "blending" technique you can use that the browser will do for you. You either have to place the two images side-by-side within the header, or you have to put the two pictures together in a graphics program and "blend" them yourself, and save them as one "blended" image. Then upload to replace the original graphic (as described above).

    If you want to place the two images side-by-side (without using a graphics program to blend them - but use two images instead) you're talking some down-and-dirty advanced coding. It *can* be done, but it's a large undertaking. The reason being that the *one* image is the background - and you can't (currently) place *two* images within a background. So you'd have to do some serious CSS messing that would place two dives within the header, each with their own background - one on top of another. I've done it before, but it's not a simple task.

    I would *recommend* that you just take the two images and put them together as one image yourself, and save it as one whole image, and just replace the current header image with that. It would be the simplest and easiest thing for you to do.

Topic Closed

This topic has been closed to new replies.

About this Topic