Forums / Templates, Stylesheets, Page Layout / How to remove space between header & main text?

How to remove space between header & main text?

Locked

Views: 7,799

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
10 Jan 2008, 8:44 PM
#1
arkwright avatar

arkwright

Zen Follower

Join Date:
Oct 2007
Posts:
95
Plugin Contributions:
0

How to remove space between header & main text?

Could someone please tell me how to remove the white space and the links between the bottom of my header logo and the start of my main page text.

I have added a screenshot with the area I would like to remove marked in red...

Many thanks

Arkie...

12 Jan 2008, 7:42 AM
#2
arkwright avatar

arkwright

Zen Follower

Join Date:
Oct 2007
Posts:
95
Plugin Contributions:
0

Re: How to remove space between header & main text?

Anyone please?

12 Jan 2008, 12:55 PM
#4
arkwright avatar

arkwright

Zen Follower

Join Date:
Oct 2007
Posts:
95
Plugin Contributions:
0

Re: How to remove space between header & main text?

Thanks Glenn

Appreciate your help...

Arkie...

26 Feb 2008, 11:31 PM
#5
keylesslocks avatar

keylesslocks

Zen Follower

Join Date:
May 2007
Posts:
267
Plugin Contributions:
0

Re: How to remove space between header & main text?

I did this and I still have a large gap, anyway to get this tightened up?

MonkFunk Music Community
Free Music Website

1 Mar 2008, 6:44 PM
#6
keylesslocks avatar

keylesslocks

Zen Follower

Join Date:
May 2007
Posts:
267
Plugin Contributions:
0

Re: How to remove space between header & main text?

anyone know how to delete this large gap? :frusty:

MonkFunk Music Community
Free Music Website

1 Mar 2008, 8:42 PM
#7
marg avatar

marg

Totally Zenned

Join Date:
Mar 2004
Posts:
642
Plugin Contributions:
0

Re: How to remove space between header & main text?

includes/templates/classic/css/stylesheet.css#logoWrapper{
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:109px;
}
Change the 109 to 97That helps

10 Sep 2009, 8:01 AM
#8
dysfunctional avatar

dysfunctional

Zen Follower

Join Date:
Apr 2008
Posts:
159
Plugin Contributions:
0

Re: How to remove space between header & main text?

Sorry for bringing up this old thread, but I didn't want to start a new thread when this one covers exactly my problem - still, it didn't work for me.

My template is based on the "classic" one, just different colours basically.

I also wanna reduce the same gap as the thread starter here, but when I do as "Marg" suggests above, it only reduces the space for the logo, not the gap - the gap is still there, but the logo get's cut, and that's not really what I'm after. Is there another way for doing this?

I'm attaching a screenshot of how it looks now. The red area is what I want to remove. Or at least, reduce in size.

Truly greatful for some help here.

Thanks alot in advance.

best regards

peter

12 Sep 2009, 2:49 PM
#10
dysfunctional avatar

dysfunctional

Zen Follower

Join Date:
Apr 2008
Posts:
159
Plugin Contributions:
0

Re: How to remove space between header & main text?

gjh42:

A screenshot doesn't help. We need to see it live to help fix your particular site.

Sure, thanks

My temporary URL is http://crashdiet.catchall.stranger.fanzone.org/zc/

(shop is not open yet...)

best regards

peter

12 Sep 2009, 4:20 PM
#11
gjh42 avatar

gjh42

Black Belt

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

Re: How to remove space between header & main text?

That is the <br class="clearBoth" /> after the logo wrapper that is taking up space. You can add to your stylesheet

#logoWrapper+br.clearBoth {display: none}

This will not be effective in IE6 because it doesn't understand adjacent selectors in CSS.

You can edit /includes/templates/your_template/common/tpl_header.php to change that
<br class="clearBoth" />
to

<div class="clearBoth"></div>
26 Feb 2010, 6:03 PM
#12
rubbercarp avatar

rubbercarp

New Zenner

Join Date:
Feb 2010
Posts:
21
Plugin Contributions:
0

Re: How to remove space between header & main text?

Arkwright:

Could someone please tell me how to remove the white space and the links between the bottom of my header logo and the start of my main page text.

I have added a screenshot with the area I would like to remove marked in red...

Many thanks

Arkie...

Can someone tell me what this highlighted section in the original post is called? I've been trying to figure out how to edit the spacing between the category links that appear in this section on my site, but I can't even figure out what this section is called.

12 Mar 2010, 6:31 PM
#14
pixelpadre avatar

pixelpadre

Suspended

Join Date:
Jun 2007
Location:
Eustis, Florida, USA, EARTH
Posts:
868
Plugin Contributions:
0

Re: How to remove space between header & main text?

gjh42:

That is the <br class="clearBoth" /> after the logo wrapper that is taking up space. You can add to your stylesheet

#logoWrapper+br.clearBoth {display: none}

This will not be effective in IE6 because it doesn't understand adjacent selectors in CSS.

You can edit /includes/templates/your_template/common/tpl_header.php to change that
<br class="clearBoth" />
to

<div class="clearBoth"></div>

The change to tpl_header had no effect. I too am looking to get rid of that nasty gap!

news flash!!!!! the #logo thing above did the trick!!!!! thanks

ZC v1.5.7 "I was so much older then...I'm younger than that now" Cut the umbilical cord with webhosts after 20 years. FREEDOM!