Removing header table for center logo

[underworldmagic]

Hi,

Ive used an older version of ZenCart before and manged to get the logo centered by editing some code to remove the right column in the header.

Now im using the newest version (fresh install) and cant seem to find where to edit the code to center the logo by removing the right column.

Can someone please tell me which code to change.

my site is: www.houseofpainnutrition.com

thanks.

[clydejones]

Try here in the Tutorials/FAQ

www.zen-cart.com/tutorials/index.php?article=125

[underworldmagic]

i have tried doing what it says in the FAQ, but still doesnt work, the logo is still on the left, and the marketing text is on the right of the logo.

there are two columns in the header table, i think its this part of the code, in the catalog\includes\templates\template_default\common\tpl_header.php


<!--bof-branding display-->
<div id="logoWrapper">
<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>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper">
<?php
if (HEADER_SALES_TEXT != '') {
?>
<div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
<?php
}
?>
<?php
if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
if ($banner->RecordCount() > 0) {
?>
<div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
<?php
}
}
?>
</div>
<?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
</div>
<br class="clearBoth" />
<!--eof-branding display-->



would i need to edit this?





i have found this post

http://www.zen-cart.com/forum/showpo...93&postcount=9

by kim on how to remove the table so logo is centered, but i cant seem to find this code to edit?

[kobra]

Depending on the makeup (size/width) of your logo and that you actually have a logo file being loaded; You can center this, logo.gif(jpg, png), by editing your stylesheet.css (assuming that you are using Zen Cart 1.3.x) and finding this tag and adding/changing the text-align statement:

#logo {
    margin: 0em;
/*    float: left; */
    text-align: center;
    padding-top: 0px;
    }

[underworldmagic]

thanks its worked,

now i have the logo in the center and the header text in teh center underneath the logo, now how would i remove the header text?

thanks again

[kobra]

how would i remove the header text?

Hope that you have a custom template for using the overrides?

The simple way to do this(not the only way) is to use your stylesheet.css and edit this with the changes/additions highlighted

#tagline {
    color:#ffffff;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    display: none;
    }

[underworldmagic]

thanks i appreciate it.