Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Top align left column? or change top header to center only.

Top align left column? or change top header to center only.

Locked

Views: 2,529

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
22 Dec 2009, 5:40 AM
#1
byoriginaldesign avatar

byoriginaldesign

New Zenner

Join Date:
Apr 2009
Posts:
84
Plugin Contributions:
0

Top align left column? or change top header to center only.

Hello,

I thought this would be a simple layout change, but apparently not... There is a gap between the header and left column that makes the site look less appealing, and I assume it is do to the below headers categories being across the page width.

I would like to change the top categories to only be in the center column, so the left column will no longer have the gap above it.

Site is https://www.wholesale4realtors.com with a classic modified template.

Any suggestions appreciated.

22 Dec 2009, 11:08 AM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Top align left column? or change top header to center only.

You shouldn't need to change navCatTabs. You con move those boxes up with some negative margin-top in #navColumnOne.

#navColumnOne {margin-top:-30px;}

22 Dec 2009, 11:25 AM
#3
byoriginaldesign avatar

byoriginaldesign

New Zenner

Join Date:
Apr 2009
Posts:
84
Plugin Contributions:
0

Re: Top align left column? or change top header to center only.

I gave that a shot but nothing changed. I think if I could figure out how to put the top categories centered above the breadcrumbs on the center column, then just turn off the header categories, that would do the trick.

22 Dec 2009, 11:33 AM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Top align left column? or change top header to center only.

#navColumnOne is a table cell and can't be affected like that by CSS.

#navColumnOneWrapper {margin-top:-30px;} will work fine, as that is a div inside #navColumnOne.

22 Dec 2009, 11:40 AM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Top align left column? or change top header to center only.

gjh42:

#navColumnOneWrapper {margin-top:-30px;} will work fine, as that is a div inside #navColumnOne.

Sorry, that's what I meant.

22 Dec 2009, 12:03 PM
#6
byoriginaldesign avatar

byoriginaldesign

New Zenner

Join Date:
Apr 2009
Posts:
84
Plugin Contributions:
0

Re: Top align left column? or change top header to center only.

That did work :clap:, but it adds a question I'm sure I'll run in to in a few days. When I add more top categories they will not wrap based on this change, so the categories will end up being behind the left col div. What else would I change to define a left margin for the top category div?

22 Dec 2009, 5:46 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Top align left column? or change top header to center only.

#navCatTabsWrapper {margin-left: 250px;}

22 Dec 2009, 6:16 PM
#8
byoriginaldesign avatar

byoriginaldesign

New Zenner

Join Date:
Apr 2009
Posts:
84
Plugin Contributions:
0

Re: Top align left column? or change top header to center only.

Thank you both, that's the exactly what I needed... :cool: