Site maintenance: Sun 15 Nov, from 12:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / General Questions / how to change the position of the logo?

how to change the position of the logo?

Locked

Started by rjgonzalez on 15 May 2009, 5:46 AM · Views: 1,289

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
15 May 2009, 5:46 AM
#1
rjgonzalez avatar

rjgonzalez

Zen Follower

Join Date:
May 2008
Posts:
155
Plugin Contributions:
0

how to change the position of the logo?

how to change the position of the logo? at the header
would like to have it on the center horisontal and vertcal

I will help if I can, Winners Design Studio

15 May 2009, 8:33 AM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: how to change the position of the logo?

Try these two minor edits:-

  1. in your stylesheet.css file...
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

remove **#logo, **

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}
  1. In your tpl_header.php file, find...
    <div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

change to...

    <div align="center" id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

Remember to work only with DUPLICATED (copied) files, and to then save the edited files to their correct over-rides folder. Don't alter the ORIGINAL (core) files.

20 years a Zencart User

22 Jun 2009, 3:52 PM
#3
nappyjim avatar

nappyjim

New Zenner

Join Date:
Jun 2009
Posts:
8
Plugin Contributions:
0

Re: how to change the position of the logo?

schoolboy:

Try these two minor edits:-

  1. in your stylesheet.css file...

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

> 
> remove **#logo, **
> 
> ```html
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}
  1. In your tpl_header.php file, find...
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
> 
> change to...
> 
> ```php
    <div align="center" id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>

Remember to work only with DUPLICATED (copied) files, and to then save the edited files to their correct over-rides folder. Don't alter the ORIGINAL (core) files.

I am having the same problem. Where do I find the tpl_header file? All I see it tpl_main.php in my Common folder

EDIT:

Ok I found it in the default template section. I edited it, and saved it to my CUSTOM template Common folder, but the logo is still on the left.

22 Jun 2009, 3:59 PM
#4
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: how to change the position of the logo?

includes/templates/YOUR_TEMPLATE/common/tpl_header.php

22 Jun 2009, 4:00 PM
#5
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: how to change the position of the logo?

Did you remove #logo from the stylesheet.css?