Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Banner Box Margins or padding in side columns

Banner Box Margins or padding in side columns

Locked

Views: 2,071

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
16 Sep 2007, 3:12 PM
#1
gogolf avatar

gogolf

New Zenner

Join Date:
Mar 2006
Posts:
57
Plugin Contributions:
0

Banner Box Margins or padding in side columns

I created a banner which is displayed in the right side of my main page, I assume it is in the "navColumnTwo" class="columnRight". The banner's position is on the top of the column.

There is white space above the banner, or between the top of the banner and the navCatTabsWrapper ?

How can I reduce or eliminate this space or margin? I've search the forum for something that would guide me such as in the stylesheet.css.

Any help is greatly appreciated and well worth a cup of coffee.

16 Sep 2007, 4:16 PM
#2
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: Banner Box Margins or padding in side columns

I think it's the .rightBoxContainer class.

See if there's a margin there. This will change the margin for the whole right box container, no matter what box is shown.

For the left box, .leftBoxContainer

16 Sep 2007, 4:16 PM
#3
birdoasis avatar

birdoasis

Inactive

Join Date:
Jun 2005
Location:
Cheney WA
Posts:
1,123
Plugin Contributions:
0

Re: Banner Box Margins or padding in side columns

It may also be .columnRight or .columnLeft

16 Sep 2007, 5:16 PM
#4
gogolf avatar

gogolf

New Zenner

Join Date:
Mar 2006
Posts:
57
Plugin Contributions:
0

Re: Banner Box Margins or padding in side columns

birdoasis, thanks for the quick reply, but I think this is a par 3 and I tried those two suggestions and got no result, that's two more strokes on my score card.

Does anyone have another suggestion?

16 Sep 2007, 5:46 PM
#5
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Banner Box Margins or padding in side columns

gogolf:

birdoasis, thanks for the quick reply, but I think this is a par 3 and I tried those two suggestions and got no result, that's two more strokes on my score card.

Does anyone have another suggestion?

This is what I use in my stylesheet.css

.leftBoxContainer, .rightBoxContainer {
margin-top: 1.5em;
}

16 Sep 2007, 8:58 PM
#6
gogolf avatar

gogolf

New Zenner

Join Date:
Mar 2006
Posts:
57
Plugin Contributions:
0

Re: Banner Box Margins or padding in side columns

thanks Clyde.
That suggestion worked like a charm for the margin between the right hand banner and the nav bar. Now all I have to do is figure out why the right hand column has more margin than the left.

cup of java due you!

16 Sep 2007, 9:37 PM
#7
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Banner Box Margins or padding in side columns

gogolf:

thanks Clyde.
That suggestion worked like a charm for the margin between the right hand banner and the nav bar. Now all I have to do is figure out why the right hand column has more margin than the left.

cup of java due you!

What are your settings in admin -> configuration -> layout settings

column width - Left
column width - Right

16 Sep 2007, 9:41 PM
#8
gogolf avatar

gogolf

New Zenner

Join Date:
Mar 2006
Posts:
57
Plugin Contributions:
0

Re: Banner Box Margins or padding in side columns

Default, both 150

clydejones:

What are your settings in admin -> configuration -> layout settings

column width - Left
column width - Right

16 Sep 2007, 9:48 PM
#9
gogolf avatar

gogolf

New Zenner

Join Date:
Mar 2006
Posts:
57
Plugin Contributions:
0

Re: Banner Box Margins or padding in side columns

Making the changes to the .leftBoxContainer, .rightBoxContainer {
margin-top: 1.5em; } helped, however if I click on a category or product things shif t, see attached upload pic.