Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Space between headerWrapper and logoWrapper

Space between headerWrapper and logoWrapper

Views: 3,088

Results 21 to 35 of 35
4 Oct 2011, 5:09 PM
#21
hell_guapo avatar

hell_guapo

Zen Follower

Join Date:
Jul 2011
Posts:
106
Plugin Contributions:
0

Space between headerWrapper and logoWrapper

:frusty:

4 Oct 2011, 5:26 PM
#22
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,771
Plugin Contributions:
9

Re: Space between headerWrapper and logoWrapper

Don't know if it's causing problems, but your background images are not loading for the navMainWrapper and logoWrapper. Could be that it's trying to reserve a spot for them.

How's about just killing the background-color:silver; around line 186 of the stylesheet. Course, then you only have 63 colors left. :P

4 Oct 2011, 5:32 PM
#23
hell_guapo avatar

hell_guapo

Zen Follower

Join Date:
Jul 2011
Posts:
106
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

dbltoe:

Don't know if it's causing problems, but your background images are not loading for the navMainWrapper and logoWrapper. Could be that it's trying to reserve a spot for them.

How's about just killing the background-color:silver; around line 186 of the stylesheet. Course, then you only have 63 colors left. :P

Background image shouldnt have any effect on the div.

Just for kicks, I commented the images out and nothing changed. :frusty:

Silver is the temporary color for mainWrapper so I could see and eliminate unused and unwanted gaps between the DIVs.

4 Oct 2011, 5:50 PM
#24
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,771
Plugin Contributions:
9

Re: Space between headerWrapper and logoWrapper

Then you will need to break out the h3 and the tagline.
The combination of the sitewide margin-top for h3 and your decision to make tagline 2em is creating the gap.
Try removing the font-size for tagline and adding> #tagline h3 {

margin-top: 0;
padding-top: 1em;
font-size: 2em;
color: #006600;
}adjust as required.

4 Oct 2011, 6:04 PM
#25
hell_guapo avatar

hell_guapo

Zen Follower

Join Date:
Jul 2011
Posts:
106
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

dbltoe:

Then you will need to break out the h3 and the tagline.
The combination of the sitewide margin-top for h3 and your decision to make tagline 2em is creating the gap.
Try removing the font-size for tagline and addingadjust as required.

IT WORKED! :shocking:

Pure Genius! :bigups:

Thank you and everyone who helped!

4 Oct 2011, 6:09 PM
#26
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,771
Plugin Contributions:
9

Re: Space between headerWrapper and logoWrapper

Glad you got it going.

No genius involved, just firebug.

31 Oct 2011, 4:33 PM
#27
kobra8 avatar

kobra8

Zen Follower

Join Date:
Mar 2009
Location:
Serbia
Posts:
350
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

Hi, my question is not just the issue 100% but close enough to not open new topic.

I am interested in and how can I turn this off, see picture. :blush:

31 Oct 2011, 4:47 PM
#28
gjh42 avatar

gjh42

Black Belt

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

Re: Space between headerWrapper and logoWrapper

I don't see that on your site now, and the attachment was too fuzzy to tell what it was.

31 Oct 2011, 6:07 PM
#29
kobra8 avatar

kobra8

Zen Follower

Join Date:
Mar 2009
Location:
Serbia
Posts:
350
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

Hi, below the main picture are listed the names of all the categories that are in the shop. How can I turn off that this is not shown. I will nothing under picture. Thanks, :blush:

31 Oct 2011, 6:22 PM
#30
kobra8 avatar

kobra8

Zen Follower

Join Date:
Mar 2009
Location:
Serbia
Posts:
350
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

Sorry, please see on http://prirodnilek.org

31 Oct 2011, 6:58 PM
#31
rescoccc avatar

rescoccc

Totally Zenned

Join Date:
May 2010
Location:
WA State
Posts:
1,700
Plugin Contributions:
2

Re: Space between headerWrapper and logoWrapper

kobra8:

Hi, below the main picture are listed the names of all the categories that are in the shop. How can I turn off that this is not shown. I will nothing under picture. Thanks, :blush:

Admin/Configuration/Layout Settings/Categories-Tabs Menu ON/OFF - set to off.

1 Nov 2011, 6:53 AM
#32
kobra8 avatar

kobra8

Zen Follower

Join Date:
Mar 2009
Location:
Serbia
Posts:
350
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

Thanks :clap:

21 Jul 2012, 7:30 PM
#33
gizmo_girl avatar

gizmo_girl

Zen Follower

Join Date:
Nov 2007
Location:
Texas
Posts:
286
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

I'm having the exact same problem as the original poster. My site is: https://www.kings-kreations.com There is a small white line dividing my header (logowrapper) and my categories (cattabwrapper). I have been using Web Developer in FF to inspect the page. I cannot for the life of me figure out where this gap is coming from. I have set margins and padding to 0 in every place that seems to be related and used the code given below, to no avail. I still have a gap. Can someone help?

21 Jul 2012, 11:14 PM
#34
maac2 avatar

maac2

New Zenner

Join Date:
Jan 2011
Posts:
70
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

I would say it's the <br class="clearBoth"> which will probably be in the header template file. Remove it and you should bring them together.

22 Jul 2012, 4:13 PM
#35
gizmo_girl avatar

gizmo_girl

Zen Follower

Join Date:
Nov 2007
Location:
Texas
Posts:
286
Plugin Contributions:
0

Re: Space between headerWrapper and logoWrapper

maac2:

I would say it's the <br class="clearBoth"> which will probably be in the header template file. Remove it and you should bring them together.

Thank you!! :clap: