Welcome to Geeklog, Anonymous Wednesday, November 27 2024 @ 06:26 pm EST
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!
Thanks!
13
14
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!
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!
12
15
Quote
Status: offline
geiss
Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
kilerb,
What theme are you using?
Sounds like you are using either Chameleon, or Nouveau, correct?
Thx!
Eric
Synergy - Stability - Style --- Visit us at glfusion.org
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
12
16
Quote
Status: offline
geiss
Forum User
Full Member
Registered: 02/10/04
Posts: 176
Location:Boise, Idaho
Gotcha!
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:
Hope this helps!
Eric
Synergy - Stability - Style --- Visit us at glfusion.org
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
13
14
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!
12
15
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
16
11
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:
background:#000000;
border-bottom:1px solid #CCCCCC;
}
Thx!
Eric
Synergy - Stability - Style --- Visit us at glfusion.org
Text Formatted Code
.header-logobg-container-inner {background:#000000;
border-bottom:1px solid #CCCCCC;
}
Thx!
Eric
Synergy - Stability - Style --- Visit us at glfusion.org
12
13
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.
the site is www.TennProFc.com.
15
17
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
15
15
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:
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:
9
11
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
9
10
Quote
All times are EST. The time is now 06:26 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