Centering Logo

I am sure this has been answered a thousand times, but I have been reading this forum for 3 days now off and on and I still cannot find out how to center the logo, I read the FAQ's, I read the archives, please, please can someone tell me how to do this, I am not a designer, coder, programer, just a little old lady trying her best to get this thing to look right. If you are kind enough to respond please talk very plain in a way that I can understand a step by step how to guide.

Thank You

http://suzeeqsgiftshop.com

Try this thread:
http://www.zen-cart.com/forum/showthread.php?t=37014&highlight=center+logo

If that's no help, post a link to your site - the people are very helpful here.

Chris

cr33dog:

Try this thread:
http://www.zen-cart.com/forum/showthread.php?t=37014&highlight=center+logo

If that's no help, post a link to your site - the people are very helpful here.

Chris

Thanks but I have tried that already and it did not work, I did post a link to the site.

Thank You for Trying to aid me.

My apologies... I 'm going to call it a night on that - time for sleep!.

Chris

Well I do see this: (in the source of your page around line 37)

 
<a href="http://www.suzeeqsgiftshop.com/shop/index.php?main_page=index"><img src="includes/templates/template_default/images/logo.gif" alt="World of Products" title=" World of Products " width="760" height="110" /></a></center            </td>
            <td align="center" valign="top">
<h1></h1>            </td>
          </tr>
        </table>

Should look like:

 
<a href="http://www.suzeeqsgiftshop.com/shop/index.php?main_page=index"><img src="includes/templates/template_default/images/logo.gif" alt="World of Products" title=" World of Products " width="760" height="110" /></a></td>
          </tr>
        </table>

That makes it center for me - where you need to change it is beyond me - I imagine it's in your template directory.

Hope this helps somehow,
Chris

Thanks for looking, but I have no idea where to change that at either.

How about in :
ZEN/includes/templates/classic/common/tpl_header.php (lines 54-56)

Does yours look like this?:

<?php echo '<a href="' . zen_href_link(FILENAME_DEFAULT) . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
            </td>
            <td align="center" valign="top">

If not, you may need to edit (start over?) that file. There's a good thread here:
http://www.zen-cart.com/forum/showthread.php?t=36567

Helpful -it shows how to make your own template folder(A Good Thing).

I really am going to bed now... :sleep:

Chris

In your stylesheet_original.css find this:

TABLE.header {
  background-image: url(../images/header_bg.jpg);
  background-repeat: repeat-x; change to background-repeat: no-repeat;
  background-color: #e1f5ff;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  align: center; change to text-align: center;
}

Change the portions in red to what is showing in green and see if that works.

cr33dog:

How about in :
ZEN/includes/templates/classic/common/tpl_header.php (lines 54-56)

Does yours look like this?:

        </td>
        <td align="center" valign="top">

> 
> If not, you may need to edit (start over?) that file.   There's a good thread here:
> <http://www.zen-cart.com/forum/showthread.php?t=36567>
> 
> Helpful -it shows how to make your own template folder(A Good Thing).
> 
> I really am going to bed now... :sleep: 
> 
> Chris

changed that, no change on logo, going look in the link you sent now

clydejones:

In your stylesheet_original.css find this:

TABLE.header {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x; change to background-repeat: no-repeat;
background-color: #e1f5ff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
align: center; change to text-align: center;
}

> 
> Change the portions in red to what is showing in green and see if that works.


Tried that, it did not change anything, thanks anyway

Rose,
Are you using the classic template as it appears you are or, something different?

yes I am using the classic, I was just reading on how to make a custom but not sure about that

Alrighty then...

Reload your original includes/templates/classic/common/tpl_header.php

IF you made the CSS changes to includes/templates/classic/css/stylesheet_original.css - Keep them.

IF NOT, make the CSS changes to includes/templates/classic/css/stylesheet_original.css

That should take care of the image centering.

Now , about the navigation under the logo. You'll need to give them a different class in the stylesheet in order for the text to show as it's the same color as the background.

HTH

I reloaded the file as you suggested and it changed nothing, any other ideas?

IF you are NOT planning on using a banner in the same area of the header as the logo AND you are not going to use Sales Text, you can delete the following from the tpl_header.php file.

<td align="center" valign="top"> <?php if (HEADER_SALES_TEXT != '') { echo HEADER_SALES_TEXT; } if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) { if ($banner->RecordCount() > 0) { echo zen_display_banner('static', $banner); } } ?> </td>

If you can see the lines in the file, that would be lines 56 thru 67.

If you plan on using the Sales Text or Banner in the future, it's a different code.

NOTE: This may be a good time to think about the override directories to keep such changes for the future.

:oops:
Also change the logo width in includes/languages/english to 100%
:smile:

The only thing I want at the top is my logo, nothing else, no sale text or anything like that. can you provide the correct code i need to do that, or if the header_bg.jpg is already centered as it appears, could I just replace it with my logo and then take out whatever code that shows the logo that zen cart has there?

Then do the changes in my last post.

Using header_bg.jpg is an option but it too would require coding and settings to do what you wish.

Also, using header_bg.jpg does away with your ability to have alt text for the image and use it as a link. Some surfers have their browsers turn off images to speed up connections. Without the alt text, they'd have no idea what the image was about.

:oops:
:oops:
Not enough coffee and multi-tasking on 27 things!

Disregard change to logo width! What was I thinking?
:shocking:

Rose,

Since you are making changes and then nothing happens, it is very likely that the files you are changing are in the wrong folder. One of the reasons to use the overrides properly is to avoid this.

Here is where you logo is - /includes/templates/template_default/images/logo.gif. But you are using the /**classic **template.

Another possibility is that you have extra files in the classic folders. For example, if you copy includes/languages/english.php into classic you get includes/languages/classic/english.php. If you then edit includes/languages/english.php it will NOT be used because the cart sees the file in your override.

Also, rather than delete text from the tpl_header.php file, it is easier and more flexible to edit the header.php file I mentioned above. That way it is very easy to make changes because the code is still in the tpl_header. At present it finds a blank in the define of header.php so it shows nothing.

The proper way to do what you want is in Clyde's post. Everytime someone says "it didn't work" it was because they had done something wrong. Usually they had files and or folders in the wrong place.

I know you are frustrated and you may even feel like others in the forum are either picking on you or are just incompetent. (I plead innocent the first but the second in likely very accurate.) Getting help in the ZC community is much easier when you follow the suggested path for doing the core things, like templates. It not only makes your life easier, it is much easier on those trying to support you.

Hope some of this helps.