Welcome to Geeklog, Anonymous Tuesday, April 30 2024 @ 03:27 pm EDT

Geeklog Forums

How to decrease header height?


richardhroth

Anonymous
I would like to decrease the space the header takes up on my site by making it thinner. What file and text do I alter to do that?

Thanks!
 Quote

Status: offline

Dirk

Site Admin
Admin
Registered: 01/12/02
Posts: 13073
Location:Stuttgart, Germany
header.thtml, in /path/to/geeklog/public_html/layout/professional

bye, Dirk
 Quote

Status: offline

kilerb

Forum User
Regular Poster
Registered: 03/19/08
Posts: 119
Hi, I was trying to do the opposite. Make the header area bigger. My logo is a little too tall to fit in there and it's going over...

I read some posts on here and tried to paste <div id="gl_header" style="height:150px"> in the header, but that just made a space above the header and dropped the logo area lower. So how can I make the area where the logo goes higher in height? I don't see anything in the header.thtml file regarding it.

Thanks a lot!
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
kilerb,

What theme are you using?

Text Formatted Code
<div id="gl_header" ...


Sounds like you are using either Chameleon, or Nouveau, correct?

Thx!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

Status: offline

kilerb

Forum User
Regular Poster
Registered: 03/19/08
Posts: 119
Hi, actually I never added any sort of theme. Version 1.4.1 and it's professional theme.
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
Gotcha! Big Grin

For stock professional, edit the height for .header-logobg-container-inner, .header-logobg-left, and .header-logobg-right in layout/professional/style.css. You also might want to adjust the logo height in layout/professional/header.thtml on line 29:

Text Formatted Code
<a href="{site_url}/"><img src="{site_logo}" width="151" height="56" alt="{site_name}" border="0"></a>


Hope this helps!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

Status: offline

kilerb

Forum User
Regular Poster
Registered: 03/19/08
Posts: 119
Thanks, I found the adjustment areas and changed them. I made the top area black, but for some reason there is still a line going through the entire top area where the bottom used to be. It's white and about 5-10 pixels in height, it goes right through the logo area. How do I get rid of that line? Thanks!
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
I made the top area black, but for some reason there is still a line going through the entire top area where the bottom used to be. It's white and about 5-10 pixels in height, it goes right through the logo area. How do I get rid of that line?


Can you provide a link to your site, so we can see the issue?

Thx!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

Status: offline

kilerb

Forum User
Regular Poster
Registered: 03/19/08
Posts: 119
yes it's www.socalstandup.com

Thanks!
 Quote

Status: offline

geiss

Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
In style.css, around line 435 just remove the background image from header-logobg-container-inner, like this:

Text Formatted Code
.header-logobg-container-inner {
background:#000000;
border-bottom:1px solid #CCCCCC;
}


Thx!

Eric
Synergy - Stability - Style --- Visit us at glfusion.org
 Quote

Status: offline

kilerb

Forum User
Regular Poster
Registered: 03/19/08
Posts: 119
Got it! Thanks a lot.... 8)
 Quote

PLM

Anonymous
I am having problem sizing my header or manipulating it. I did some change to test site colors and after that now my header is covering the horizontal links at the top. How do I fix this?
the site is www.TennProFc.com.
 Quote

ironmax

Anonymous
Quote by: PLM

I am having problem sizing my header or manipulating it. I did some change to test site colors and after that now my header is covering the horizontal links at the top. How do I fix this?
the site is www.TennProFc.com.



It appears that the header is not your problem. Have a look at this image at http://www.tennprofc.com/staticpages/images/TennProFclogo.jpg and see if you can resize it. Currently the image dimensions are 840px × 460px (scaled to 1000px × 380px). This is what is pushing your page out to the right further than it should be. To verify this, either remove that image from that story or edit the story and place the draft flag on it. Then look at your home page again.

You may want to change the properties for the picture by using html like this in your story.
Text Formatted Code

<img src="http://www.tennprofc.com/staticpages/images/TennProFclogo.jpg" height="190" width="500"></center>
 

Adjust the width and height accordingly.

Michael
 Quote

Status: offline

1PLM

Forum User
Chatty
Registered: 07/11/08
Posts: 39
I appreciate your response. I just saw your post,and I will try it as instructed.
secondly how do I use the logo as the background of the static page instead.
 Quote

Status: offline

1PLM

Forum User
Chatty
Registered: 07/11/08
Posts: 39
By the way how strange that my pictures even displayed in the first place with my syntax?
check how I called the Image in IMG SRC=

<table ="70%">
<tr>
<td><center><image src="http://www.tennprofc.com/staticpages/images/swerve.jpg" width="400" height="220"></center></td>
<td><center><image src="http://www.tennprofc.com/staticpages/images/inthenet.jpg" width="400" height="220"></center></td>
</tr>
</center>
</table></p>

Ironmax's line of code is the correct syntax.
<img src="http://www.tennprofc.com/staticpages/images/TennProFclogo.jpg" height="190" width="500"></center>

:banana:
 Quote

ironmax

Anonymous
Quote by: 1PLM

By the way how strange that my pictures even displayed in the first place with my syntax?

Ironmax's line of code is the correct syntax.
<img src="http://www.tennprofc.com/staticpages/images/TennProFclogo.jpg" height="190" width="500"></center>

:banana:



1PLM

You will need to do the same to any and all other images in stories. The second image needs help as it to pushes out the right blocks

Michael
 Quote

All times are EDT. The time is now 03:27 pm.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content