Zen Cart Logo

Removing Spaces

Locked

Views: 613

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
2 Mar 2010, 7:56 AM
#1
turtledove avatar

turtledove

Zen Follower

Join Date:
May 2006
Posts:
182
Plugin Contributions:
0

Removing Spaces

How do I remove the space between my header image and the top of the page? Also, how do I align the Left Categories to be directly underneath "Home & Log-in" bar (I want the "Shop For" header directly underneath the bar without any spaces between)?

Thanks!

http://www.pawglamour.com/

2 Mar 2010, 8:51 AM
#2
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Removing Spaces

In the very first section of code in your css (Body) add: margin: 0; making that whole section of code look like this:

body {
    text-align: center;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-image: url(/websiteimages/pawbg.jpg);
    margin-top: 0;
    }
```That's one of em.
2 Mar 2010, 9:07 AM
#3
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Removing Spaces

The other one......it looks like it doesn't want to play nice. The only way I could get it up there is by using a negative margin, which I don't like to do......it's not pretty, but it does work. Find these sections of code in your stylesheet:

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    } 
#navColumnOneWrapper, #navColumnTwoWrapper {
    margin-left: 0.5em;
    margin-right: 0.5em;
    }

These are both together. Now, in the BOTH sections remove "#navColumnOneWrapper".

Next....below those add a section like this:

#navColumnOneWrapper {
        margin-top: -1.5em; 
        margin-left: 0em;
}

That will put it right next to the gray. I added the "margin-left: 0em;", as with it being up there, it just didn't look right with a space on the left side.....remove if you want.

Hope this helps.

2 Mar 2010, 9:09 AM
#4
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Removing Spaces

Hmmm......looks like you've already got it done......except for the left margin.

2 Mar 2010, 9:26 AM
#5
turtledove avatar

turtledove

Zen Follower

Join Date:
May 2006
Posts:
182
Plugin Contributions:
0

Re: Removing Spaces

I must've been working on it while you were looking at it. I got the space on the top removed and played a little with the left and top margins and finally got it.

Thanks! :D

2 Mar 2010, 9:32 AM
#6
get_em_fast avatar

get_em_fast

Totally Zenned

Join Date:
Dec 2006
Location:
Seligman, MO U.S.A.
Posts:
2,072
Plugin Contributions:
1

Re: Removing Spaces

Well, see.......you didn't need me, then, huh? Glad to see you got it worked out.