Banner & Sidebox questions...

Hello,

I unkowningly made a change today (I think to the stylesheet) and it centered the contents of the shopping cart in the sidebox. Those items in the cart used to be left justified. (Really, I'd rather just get rid of the 'per item' display and have the cart just show total items and price). Please help.

Also, how do I delete the whitespace under my logo?

Thanks!

Amy

did you made changes to ".cartNewItem" & ".cartOldItem" in your stylesheet?
Check them to be position: relative;

Regarding whitespace:
Find in \includes\templates\template_default\common\tpl_header.php

at the end of the logo wrapper section (last </div>) you have a
<br class="clearBoth" />
Remove that

Hi pivey,

Thanks! I got rid of the whitespace, but didn't figure out my shopping cart problem. I hadn't made any changes to the .cartNewItem" & ".cartOldItem items in my stylesheet. Any other suggestions?

Thanks again!

Amy

Hi pivey,

I just noticed that the whitespace is only gone in Firefox, but still shows in IE. Is there something else I need to alter?
Also, I fixed my shopping cart problem.

Thanks!

Amy

http://www.theoccasionalcake.com/Cart/index.php?main_page=index&cPath=65_70&sort=20a

Hi Amy,

It is your Tagline wrapper.

your tagline id is defined as
tagline I {
VISIBILITY: hidden
}

You may comment out the Tagline Wrapper section if not needed.
What version of ZC are you using?

Hi Pivey,

I'm using v.1.3.5

I found this line in my stylesheet
#tagline i{visibility:hidden}
However, if I comment-out it puts the 'my account, shopping cart and contact us' up where my logo is (overlapping it).

Ok, I played around some more in the stylesheet and I got it so both IE and Firefox are displaying the same thing. I'm glad it's finally consistent, but it's not the setting I had hoped for. :wacko:

Now I have a large whitespace under my logo in both. How should I ajdust it?

http://www.theoccasionalcake.com/Cart/

Thanks!!!

Amy

Amy,

you made changes in your tpl_header.php
There are links inside the tagline wrapper you are obviously not using.
These are causing your white space.
To see why this happens try:
tagline I {
/VISIBILITY: hidden/
}

You will see that you have content inside the tagline wrapper which belong to the navMainWrapper

Yes,

There is text there. It's
- *Shopping Cart*

• *Contact Us*
• *My Account*In my SS I put " a{ display: none}" after #navMain so it wouldn't show the text. I guess I really hacked it up. Is there a fix?

Thanks

Yes, it can be fixed...
Amy, try to use the stylesheet to positionig elements instead of repositioning wrappers.
You made to much changes and even missed to close wrappers properly.

For now, I would completely remove the <DIV id=taglineWrapper> section until there, where it ends.
Of course using the override folder.

Then, use your default tpl_header.php to build your header section again from scratch.
Here are some useful liks to start learnig css:
http://www.yourhtmlsource.com/stylesheets/
http://www.freestuff.gr/forums/viewtopic.php?t=21390
http://www.w3.org/Style/Examples/007/

It's all about magic :wink2:

Hi Pivey!

Ok, I re-uploaded the original stylesheet and tp_header and just started from the beginning. It wasn't quite a painful as I expected :P Things are looking better. I didn't do any crazy hacking in the stylesheet. But I do have two more (hopefully easy) questions. Where do I go to increase the height of the header space across the very top of the page (up where I have a string of six images--it's only showing half of the pics). Also, how the heck do I center my logo?

Thanks for all your help, and for posting the 'help' links. I'm making my way through them...

Amy
http://www.theoccasionalcake.com/Cart/

Hi Amy

1. The pics are one defined as a background to navMainWrapper, right?
   Change
   #navMainWrapper {
   BACKGROUND: url(../images/header_bg.gif) repeat-x; MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #666666 1px solid;
   }
   TO

#navMainWrapper {
	BACKGROUND: url(../images/header_bg.gif) repeat-x; MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #666666 1px solid; line-height:150px
}

Change line-height:150px to your background image height.

2. Find in SSheet
   #logo {
   WIDTH: 404px
   }
   Remove it...this disables your logo width to expand and align into the center.

Also....disable in SSheet all your defines regarding #tagline.
The end result should be that:

• Logo is aligned center
• Logo section is in height of your logo, removing the white space under the logo as well
  Hope this helps

Pivey, you are a genius. YOU ROCK! Thank you so much, I didn't think I would ever get my page to look the way I wanted!

:D Amy