Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] How do you Resize Header Image?


  #1  
Old Dec 4, 2010, 08:20 PM
Zoe1416
 
15 posts · Dec 2010
Unhappy [SOLVED] How do you Resize Header Image?

I haven't been able to find this question in any of the forums, (if there are threads already, please point me in the right direction). I'm an absolute newbie at design, html, etc. So exact directions would be greatly appreciated.

Here is my site: http://pregnancybaby411.com/

It was previously a Blogger blog, and I bought my own domain and I'm in the process of switching my blog over. I still have the blogspot blog until I can get the theme and design that I want. Since I'm a broke writer, I'm trying to do it myself without hiring a designer.

Anyway, here is my question.

Is it possible for me to resize my header image? Instead of the standard size given in the template, is it possible for the header image to be taller? I've hidden the Blog Title, since the header image I'm using has the title in it.

As you can see on my blog (http://pregnancybaby411.com/) There is a large gap between the top and the banner image.

SO I'd love any suggestions on how to make my header image taller, so it reaches all the way to the top of the page.

Also, is it possible to make the header wider, so that it stretches to the sides ... without changing the width of the blog entries?

I had attempted to change the width, but it changes the width of the entire page. And that's not what I'm aiming for. I'd like the banner image to stretch all the way from left to right, and to fill until the top.

I hope that makes sense. Thanks for your help.

I've attached a screenshot to explain what I mean.
Attached Thumbnails
Click image for larger version

Name:	Screenshot.jpg
Views:	1801
Size:	111.8 KB
ID:	930  
  #2  
Old Dec 4, 2010, 08:40 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Look at the options for the header image. You can make yhr SPACE for the image taller, but you cant scale the image, you need to do that prior to putting the image in the images/header folder.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Dec 5, 2010, 07:17 AM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
Also you might want to look in ATO>Style & configure Layout. Change
HTML Code:
padding: 20px;
to
padding: 0 20px 20px 20px;
That will remove the space above your image.
Is that what you are looking to do?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Dec 5, 2010, 01:09 PM
Zoe1416
 
15 posts · Dec 2010
Larry, I tried to change the HTML code with the padding that you suggested, but the space above my header image is still there...

Arg.
  #5  
Old Dec 5, 2010, 01:36 PM
webgurl's Avatar
webgurl
 
59 posts · Nov 2010
WordPress 3.0/Atahualpa 3.4.9/Firefox 3.6.12/XP sp3/
The site looks good! Did you fix your problem?
  #6  
Old Dec 5, 2010, 02:35 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ato->Body, Text & Links->Body Style remove the 'padding-top:20px;'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Tags
customization, header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
IE is not picking up image resize but Safari is...! heatispower Center area post/pages 2 Aug 9, 2010 12:45 PM
[SOLVED] How to resize height of header image? LilyUK Header configuration & styling 0 Jul 27, 2010 03:47 PM
Automated resize of background image mipoes Header configuration & styling 0 Apr 23, 2009 03:44 AM
How do you get header Image(s) to automatically resize to the screen resolution? nkita Header configuration & styling 0 Mar 14, 2009 06:59 PM


All times are GMT -6. The time now is 02:56 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.