How can i change the height of my phpBB3 forum header?
July 12, 2010 12:31 PM Subscribe
phpBB3 filter: Searched around, having trouble re-sizing the header/image in the header of my soon-to-be forum.
Disclaimer: Though i am considered an "IT professional," I don't know CSS from HTML from Greek when it comes to languages.
Long story short, I'm finally getting around to putzing around with customizing forums for a website i'm conceptualizing, using the phpBB3 Subsilver theme.
I've had no problem at all changing the header background image, as well as the goofy default phpBB3 logo.
Problem is this: the header background image that i uploaded is 940x198 (this is the default size for the header of a WordPress blog), however the header on the forum is slightly smaller vertically, and some of my photoshop work is getting chopped off. I think i've found the table entry to change the height, but changing the value doesn't seem to be doing anything.
In stylesheet.css, i've edited the following entry:
Code:
#wrapheader {
height: auto !important;
padding: 0;
to:
Code:
#wrapheader {
height: 198;
width: 940;
padding: 0;
Is this correct?
I've googled around, and i have found a TON of helpful information that deals with manipulating the header, but i can't seem to find any info that directly deals with changing the HEIGHT of the header.
Thanks in advance for any guidance you can give :)
Disclaimer: Though i am considered an "IT professional," I don't know CSS from HTML from Greek when it comes to languages.
Long story short, I'm finally getting around to putzing around with customizing forums for a website i'm conceptualizing, using the phpBB3 Subsilver theme.
I've had no problem at all changing the header background image, as well as the goofy default phpBB3 logo.
Problem is this: the header background image that i uploaded is 940x198 (this is the default size for the header of a WordPress blog), however the header on the forum is slightly smaller vertically, and some of my photoshop work is getting chopped off. I think i've found the table entry to change the height, but changing the value doesn't seem to be doing anything.
In stylesheet.css, i've edited the following entry:
Code:
#wrapheader {
height: auto !important;
padding: 0;
to:
Code:
#wrapheader {
height: 198;
width: 940;
padding: 0;
Is this correct?
I've googled around, and i have found a TON of helpful information that deals with manipulating the header, but i can't seem to find any info that directly deals with changing the HEIGHT of the header.
Thanks in advance for any guidance you can give :)
Yeah, firebug is the way to go. Inspect the element and then look at the cascade which will show you all the selectors that contribute to the browser's sizing decision. With an ID of wrapheader it looks like that selector is for a wrapper div around the header and not the actual header element, so you may be editing the wrong thing.
posted by Rhomboid at 1:04 PM on July 12, 2010
posted by Rhomboid at 1:04 PM on July 12, 2010
Response by poster: i'm curious as to how you made the change in your theme. I'm pretty confident i could find the similar entry in my theme and edit it appropriately.
I'm using Google Chrome, the built in source viewer is very similar to Firebug, from what i've read. This is what i'm seeing:
--------------------------------------------------------------------
<>
<>
<>
<><>
<>
<>
<>
<>
<><><><><>
<><>Forum Name<><>Forum Tagline<><>
<>
<>
<>
-----------------------------------------------------------------------
what i believe this says is that it points to the value in the CSS file i've written about above ("wrapheader"). The "logodesc" value is only relevant to the logo.gif file. So i'm guessing it's something between these two values in the html file.
6 hours ago, i had no idea about anything html/css related so i guess regardless of the outcome, this is progress :P
posted by frmrpreztaft at 1:09 PM on July 12, 2010
I'm using Google Chrome, the built in source viewer is very similar to Firebug, from what i've read. This is what i'm seeing:
--------------------------------------------------------------------
<>
<>
<>
<><>
<>
<>
<>
<>
<><><><><>
<><>Forum Name<><>Forum Tagline<><>
<>
<>
<>
-----------------------------------------------------------------------
what i believe this says is that it points to the value in the CSS file i've written about above ("wrapheader"). The "logodesc" value is only relevant to the logo.gif file. So i'm guessing it's something between these two values in the html file.
6 hours ago, i had no idea about anything html/css related so i guess regardless of the outcome, this is progress :P
posted by frmrpreztaft at 1:09 PM on July 12, 2010
Response by poster: Wow, that looks nothing like the preview. I managed to comment out all the tags, but it didn't show up in the post. Good times.
posted by frmrpreztaft at 1:10 PM on July 12, 2010
posted by frmrpreztaft at 1:10 PM on July 12, 2010
Best answer: Thanks for the hints, i figured it out! it was simply a matter of changing:
Code:
#wrapheader {
height: 198;
width: 940;
padding: 0;
to
Code:
#wrapheader {
height: 198px;
width: 940px;
padding: 0;
D'oh!
posted by frmrpreztaft at 1:35 PM on July 12, 2010
Code:
#wrapheader {
height: 198;
width: 940;
padding: 0;
to
Code:
#wrapheader {
height: 198px;
width: 940px;
padding: 0;
D'oh!
posted by frmrpreztaft at 1:35 PM on July 12, 2010
This thread is closed to new comments.
You can cheat, and see where the call is coming from using firebug, a very very awesome tool.
Let me know if you need help figuring out how to use it.
posted by TomMelee at 12:39 PM on July 12, 2010