Results 1 to 9 of 9
  1. #1
    Join Date
    Jul 2009
    Posts
    58
    Plugin Contributions
    0

    Default How can I add photos to the header?

    In the header there is usually a picture called logo.gif
    How can I add another picture to the header next to it? If that is not possible how can I center the logo.gif picture (Which I can just change to any picture that i want but adding a completely new photo would be better)
    Thanks
    DEAN

  2. #2
    Join Date
    Jun 2009
    Location
    Kent, UK
    Posts
    359
    Plugin Contributions
    5

    Default Re: How can I add photos to the header?

    what template are you using? do you have a link to your site?

    if you are looking to edit the core file you need to edit you tpl_header.php found in includes\templates\template_default (or any template you are using instead on template_default) or alternatively you should be able to edit the css to center the logo etc, make sure you place this in your overrides folder.

    is this what you mean?

  3. #3
    Join Date
    Jul 2009
    Posts
    58
    Plugin Contributions
    0

    Default Re: How can I add photos to the header?

    Thanks for the response
    See my test site here:
    http://thewebpenguin.com/mytestsite/
    I am using the free "Silverfish" template
    My image with the penguins at the top is simply the pre programed logo.gif image that I simply overwrote. Can this be centered?
    Alternatively, (And would be better) can the logo.gif file be completely removed altogether and then I add a completely new image there
    Thanks
    DEAN

  4. #4
    Join Date
    Jan 2009
    Location
    Ireland
    Posts
    434
    Plugin Contributions
    0

    Default Re: How can I add photos to the header?

    In your css file you would actually want to change the header background image!

    but if you want to leave as is look for:
    #headerWrapper {display: block; background: #88a0c2; height:1%; /*IE Hack*/}
    #headerBackground {width: 100%; height: 85px; align: center; background: url(../images/bg_header.jg) repeat-x #88a0c2;}
    /*#logo {float: left; position: absolute; top: -45px; left: 20px;}*/

    uncomment and change to centre

    by the way you have "put a completly different image in" by overwriting logo and be sure to keep a copy of your original CSS file as a backup!
    Last edited by Donal; 1 Mar 2010 at 12:56 AM.

  5. #5
    Join Date
    Jun 2009
    Location
    Kent, UK
    Posts
    359
    Plugin Contributions
    5

    Default Re: How can I add photos to the header?

    Quote Originally Posted by thestampnomad View Post
    Thanks for the response
    See my test site here:
    [url]can the logo.gif file be completely removed altogether and then I add a completely new image there
    have you considered creating a new image and saving it as logo.gif and placing it in your override folder to display that instead of the default logo picture?

  6. #6
    Join Date
    Jul 2009
    Posts
    58
    Plugin Contributions
    0

    Default Re: How can I add photos to the header?

    Thanks. I am getting somewhere. I am in the css and am getting a response but when I comment it out the image then goes completely to the left of the page and up rather than being centered.
    Any idea what I might be doing wrong? Maybe you can give me a little more detailed instructions on what I should be doing. Maybe I am commenting something out incorrectly?
    I assume that those two "left" words I just change tp "center"?

  7. #7
    Join Date
    Jan 2009
    Location
    Ireland
    Posts
    434
    Plugin Contributions
    0

    Default Re: How can I add photos to the header?

    if your talking about logo

    not quite... you need to un comment and remove or alter the "absolute" statement which positions it exactly

  8. #8
    Join Date
    Jul 2009
    Posts
    58
    Plugin Contributions
    0

    Default Re: How can I add photos to the header?

    I have found this webpage tutorial in the help sections:
    http://tutorials.zen-cart.com/index.php?article=124
    I cant seem to get this to work. Where in stylesheet.css would you drop this?
    Also, how can you then make the image to be centered rather than to the left?
    Thanks for all the help
    Sincerely
    DEAN

  9. #9
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,313
    Plugin Contributions
    3

    Default Re: How can I add photos to the header?

    One way to center the logo would be to add to your stylesheet:

    #logo {margin-left:50px;} Adjust the 50 untill it looks right.

 

 

Similar Threads

  1. How can I change the font color of the links in the lower part fo the header
    By Marlake in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 29 Jul 2011, 06:00 PM
  2. How to add the search to the main nav in the header?
    By melindaf in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Sep 2009, 11:09 AM
  3. how to add more photos
    By ackeith in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 14 Nov 2008, 04:52 AM

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