Shifting columns

[Poppers]

Hi!

Do you guys know how to shift the boxes downwards? As in the whole box containing the left, right and center columns.

Also, does anybody know how to insert a logo outside of the entire box? I want the logo to be at the center top, not inside the box nor as a header. (Header is inside the entire box) Aww man, I hope you guys get what I mean cause I'm confusing myself a little too!

Thanks!!!

[fairestcape]

I take it you want to put an element ABOVE the main wrapper?

Remember that a top banner can display in this position too, so if you re-code your template, bear in mind that if you choose to display a top banner, it will be influenced by any changes to your template code.

Provide a link to you site so we can see what template you are using, and then people may be in a better position to offer suggestions.

[Poppers]

Hi, thanks for the reply!

It's www.smooshboosh.com

I want the logo to be above the bar with the navigations: HOME, LOGIN, Search bar.
To do that, I also have to move the entire box down to make space.

All help would be greatly appreciated!

[fairestcape]

I want the logo to be above the bar with the navigations: HOME, LOGIN, Search bar.
To do that, I also have to move the entire box down to make space.

There is a header module that will shift the top navbar (home, login, search) UNDER the logo wrapper.

It's Clyde Jones' Alternative Header:

http://www.zen-cart.com/index.php?ma...roducts_id=132

[Poppers]

Oh wow, thanks! I'll go try it out now

[Poppers]

Uh oh, I think there's a slight problem, I want the logo to blend in with the background, my logo has a transparent background so that i tcan blend in with the background image outside the boxes.

I don't think that can be achieved easily right?

[fairestcape]

You've tampered with the header code already, by commenting out the header logo div.

From your page source:

<!--bof-branding display-->
<div id="logoWrapper">
    <!--<div id="logo"><a href="http://smooshboosh.com/"><img src="includes/templates/template_default/images/logo.gif" alt="SmooshBoosh" title=" SmooshBoosh " width="192" height="64" /></a></div>-->
    <div id="taglineWrapper">

      <div id="tagline"></div>
    </div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->

Re-instate it so we can see your logo, then we can make suggesttions

[Poppers]

Is it okay now? I've placed back the header

[Poppers]

Or do you need me to put up my banner instead? Sorry, I'm a newbie at this

[fairestcape]

One file you ought to take a look at is:

includes/languages/english/header.php

Make a COPY of this file, and put that copy into:

includes/languages/english/CUSTOM/

(you will need to create the folder "CUSTOM" first.)

Now that you have that header.php file in your CUSTOM folder, open it for editing:

You will see:

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
  define('HEADER_SALES_TEXT', 'TagLine Here');
  define('HEADER_LOGO_WIDTH', '192px');
  define('HEADER_LOGO_HEIGHT', '64px');
  define('HEADER_LOGO_IMAGE', 'logo.gif'); 

(You can change contents of HEADER_ALT_TEXT to your own text.)

If you don't want the TagLine text, remove the string, so you have:

define('HEADER_SALES_TEXT', '');

(Make sure to retain the two single quote marks shown in RED above.)

Next, make the necessary adjustments to the logo width and height values. (These should match the values of YOUR OWN logo)

Next, make sure the NAME of your logo image is inserted where you see "logo.gif".

(It may be that your logo is already called "logo.gif", in which case leave it alone.)

You say your logo has a transparent background? Therefore it must be a GIF or PNG as JPG cannot have a transparent component.

Replace the zencart logo.gif, with your logo.

This image will go to:

includes/templates/CUSTOM/images.

Then I'll take another look at your page...