placing information box in title header

[gsdcypher]

Crikey! CSS??? where are the tables? I need my rows and columns. lol

So how do I move/place the information box into the title header? ... the one with the "powered by ZenCart logo" and the "tag line here".

Moreover, I would like to put the information box on the left side (replacing the powered by... logo) and have picture in the space to the right side of it.

Hope that makes sense.

Thanks

[kobra]

So how do I move/place the information box into the title header? ... the one with the "powered by ZenCart logo" and the "tag line here".

Moreover, I would like to put the information box on the left side (replacing the powered by... logo) and have picture in the space to the right side of it.

Are these 2 things the same item or different "information" boxes???

[gsdcypher]

Sorry, it reads kinda funny... Yes, they are the same. :-)

I would like to place the cart box below in the header on the left side (replacing the powered by ZC logo) and in the space to the right of the box, I would like to display a picture that is the same height as the box and extends the right the width of the page. :-)
* sidenote: I would also like the info box to be black with white writing. :-)))
Information

Shipping & Returns
Privacy Notice
Conditions of Use
Contact Us
Site Map
Gift Certificate FAQ
Discount Coupons
Newsletter Unsubsribe

Thanks!

[kobra]

Got me again!!!

I would like to place the cart box below in the header on the left side (replacing the powered by ZC logo)
and
Information Box

Are these the same thing or are you refering to the "Shopping Cart Box" that displays what is in the cart when shopping?

[gsdcypher]

LOL.

No, it is a box that is in the left column of the store.
The heading is information and it has these links in it:
Shipping & Returns
Privacy Notice
Conditions of Use
Contact Us
Site Map
Gift Certificate FAQ
Discount Coupons
Newsletter Unsubsribe

I would like to put that in the header. :-)

But now that you mention it.... :-) I would also like a box to display the current items that are in the cart. You know the one that say you have X items in your cart and it gives a running total. :-)))

But I would like to tackle moving/placing the info box in the header. :-)

Thanks for your patience. I am a complete newbie at ZC and CSS. I am using the bare bones template.

[kobra]

You are gonna need to take the contents of /includes/templates/template_default/sideboxes/tpl_information.php

and place it in your template copy of /includes/templates/template_default/common/tpl_header.php

Then insure that the css #headerWrapper is sized vertically to allow it to fit

Might be easier to make it the first sidebox on the left and re-arrange the navone column in css to move up into the head space

Never have done this nor wanted to...

[gsdcypher]

Might be easier to make it the first sidebox on the left and re-arrange the navone column in css to move up into the head space

OK, I moved it to the top. Now... how do I "re-arrange" the navone column in ccc to "move up into the head space?"

Thanks.

[gsdcypher]

Is this what I have to edit? If so, how do I tell it to move the top box into the header?

/*The main content classes*/

#navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {

vertical-align: top;

}

thanks.

[kobra]

Make sure that you have nothing anchored in the header above this

Find in your css

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}

Separate it out and apply a negative margin-top and adjust the value(yeah I know this is dodgy)

#navColumnOneWrapper {
	margin: auto;
        margin-top: -50px;
	} 
#navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	}

[gsdcypher]

Broke out the columns and made the following changes. But it had no effect... ?

#navColumnOneWrapper {

margin: auto;
margin-top: -50px;

}


#navColumnTwoWrapper, #mainWrapper {

margin: auto;

}


#navColumnOneWrapper {

margin: 0 0.5em;

}


#navColumnTwoWrapper {

margin: 0 0.5em;

}