Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2007
    Posts
    76
    Plugin Contributions
    0

    Idea or Suggestion change header into image

    Hello everyone,

    I've been trying to change my header into one with an image.
    I searched the topics, but haven't quite found what I needed (could be I was looking in the wrong direction )
    I added this in my stylesheet.css:

    Code:
    background-image: url(../images/headerback.gif);
    to the logowrapper div (line 181 in the lavender-template css)

    and added the image into the corresponding folder.

    Unforntunately.. it didn't work, so now I come to you Zenners for much needed help!
    I added an image to this post, so you can see what I would like to accomplish. At this moment the site is the same, only without the image in the top right corner

    Any help would be greatly appreciated!

    (oh By the way, I'm just an amateur, so if you want me to do anything difficult, take it step by step please!)

    Thanks in advance,
    DMR
    Attached Images Attached Images  

  2. #2
    Join Date
    Feb 2007
    Posts
    76
    Plugin Contributions
    0

    Default Re: change header into image

    anyone please? really could use help!

  3. #3
    Join Date
    Feb 2007
    Posts
    76
    Plugin Contributions
    0

    Default Re: change header into image

    I finally managed to figure it out (wasn't that hard after all..)

    If in lavender theme and trying to change the background header to an image:

    in stylesheet.css:

    Code:
     #logoWrapper{
     background-color: transparent;
     height:150px;
    }
    #headerWrapper {
     background-image: url(http://YOURDOMAIN/images/headerback.gif);
        background-repeat: no-repeat;
    }
    In lavender the page stretches if the resolution gets bigger so you might want to stretch te picture you use

    PS: was there really nobody who could have helped me with this....

  4. #4
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: change header into image

    "added the image into the corresponding folder."

    As your OP wasn't specific about the folder, I suspected you might have put it in the wrong place, and your solution confirms it. (I didn't see your thread until this post.)

    http:// YOURDOMAIN/images/headerback.gif
    is the place for product images.

    Template images should go in
    http:// YOURDOMAIN/includes/templates/your_template/images/headerback.gif

    which is where url(../images/headerback.gif) points.

  5. #5
    Join Date
    Feb 2007
    Posts
    76
    Plugin Contributions
    0

    Default Re: change header into image

    aha.... that was just real dumb of me

    thanks for the info.. probably can use it next time !
    D

 

 

Similar Threads

  1. change header image on non-main pages to a different image thats on my home
    By alcanlove in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 3 Jul 2012, 11:22 PM
  2. how to change the backgound into an image?
    By lina0962 in forum General Questions
    Replies: 3
    Last Post: 5 Aug 2010, 03:59 PM
  3. Make header logo image into link?
    By kirkbross in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 22 Feb 2010, 01:40 AM
  4. Can I add an HTML image map into the header?
    By touchclothing in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 25 Jun 2009, 10:24 PM
  5. Moving Search bar into header image and manufacturers dropdown
    By rickiesdiscount in forum All Other Contributions/Addons
    Replies: 1
    Last Post: 11 Jan 2009, 08:21 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR