Topic: Changing header dimensions
I've been searching for a thread on this, I know there was one in the old forum, but...
How do you resize headers in the new version? I upgraded, and my header banner no longer fits, it's too tall.
Arras WordPress Theme Community Forums
Community support for Arras and other WordPress projects
You are not logged in. Please login or register.
Arras 1.5.2-RC2 Now Available: Download Here
Forum Rules: Please ensure that you have clearly read and understood the forum rules before posting.
User Confirmations / Password Reminders: Please check your spam folder before emailing for help if you have not received the confirmation or password reset emails.
I've been searching for a thread on this, I know there was one in the old forum, but...
How do you resize headers in the new version? I upgraded, and my header banner no longer fits, it's too tall.
It wants a 980 x 80. You want another size?
Change the custom-header.php in /library/admin
define('HEADER_IMAGE_WIDTH', 980);
define('HEADER_IMAGE_HEIGHT', 80);
not working. I think it might have something to do with the nav bar. If it wasn't there, the banner would be seen in full.
I edited the size in the custom-header.php and the image uploaded fine and to the correct dimensions. Now the only problem is that the entire header section did not adjust to fit. It's still only 80 pixels tall.
You can check it out here www.EngagePodcast.com.
Where is the coding to actually change the dimensions of the header itself?
Thanks
Put this in your user.css and it's all alright. You can size it to your taste of course.
#branding { height: 150px; }You might also add this:
#branding { padding: none; }It works... thanks. I've got a really good feeling that a whole lot of people are going to be asking about this one. This upgrade to make it "easier" to add header images seems to have made it much more difficult. It only took me a couple minutes on the last release. This one you have all these css files to modify.
But I'm happy because it's working now
Thanks Extatix
I still think there's one big minor thing about it, clicking it won't do anything.
Changed the code; when i go to upload the new header image, 230px, it still asks to crop. How can I get it to just accept the 230 wide header...
You'll also need to fix the width/height in css.
You'll also need to fix the width/height in css.
Great but I am still being asked to crop the image which looks to be 980x80. Any ideas?
extatix wrote:You'll also need to fix the width/height in css.
Great but I am still being asked to crop the image which looks to be 980x80. Any ideas?
Figured it out, I logged out and back in, and the 980x80 magically turned into 980x220. I did have an issue with the crop, but i just renamed my full size graphic to the cropped name and ftp'd it over to the images folder.
The CSS was already changed, but the size change was not reflected in the "custom header" option menu until after i logged out.
Now tho, my navbar is about 20px above where it should be; floats over the bottom of the header.
dclark wrote:extatix wrote:You'll also need to fix the width/height in css.
Great but I am still being asked to crop the image which looks to be 980x80. Any ideas?
Figured it out, I logged out and back in, and the 980x80 magically turned into 980x220. I did have an issue with the crop, but i just renamed my full size graphic to the cropped name and ftp'd it over to the images folder.
The CSS was already changed, but the size change was not reflected in the "custom header" option menu until after i logged out.
Now tho, my navbar is about 20px above where it should be; floats over the bottom of the header.
What's the name of the file you replaced?
EDIT: Not to worry. I found the solution through all the various posts.
These are the changes I made, just ensure that whatever image you want to upload as your header is matching the sizes specified in the below changes.
#header { height:110px; }
.logo { height: 110px; }
define('HEADER_IMAGE_WIDTH', 980);
define('HEADER_IMAGE_HEIGHT', 110);
#branding { height: 110px; }
#branding { padding: none; }
Last edited by dclark (2010-04-24 12:39:22)
Ladies and gentleman, I´m like a baby on this wordpress world. I may be making a stupid question, but I have no idea what to do. I found the custom-header.php file but I could not find the "define" code anywhere. Should I be inserting into it?
Editing: I just found it in here: http://www.arrastheme.com/forums/topic9 … of-p5.html
Thank you, extatix for the amaaaazing tutorial!
Last edited by babins (2010-06-22 22:14:20)
Some very basic questions here.
Where do I find custom-header.php?
Where is this /library/admin thingy?
Where would I insert the define('HEADER_IMAGE_WIDTH', 980); define('HEADER_IMAGE_HEIGHT', 80);
I'd really appreciate some help.
Thanks.
How do I change it so that my header is not larger then the custom logo itself? I'd like my custom logo to cover the entire header section.
Thanks.
How would you do that if the header varies per user? The header is 100%, not 980px or something.
I'm not sure if this is the same issue, but I see some Arras sites where the header and menu bars don't go all the way across the top and the background image extends up there. How do I do that?
I was able to change the size of my header and get it to display, but now, my NAV buttons (about us, contact, home...etc.) are gone and won't display.
Any ideas?
Thanks,
mk
Hi guys,
any idea how to change the header height in v1.5.0.1?
Powered by PunBB, supported by Informer Technologies, Inc.
Currently installed 9 official extensions. Copyright © 2003–2009 PunBB.
Generated in 0.056 seconds, 12 queries executed