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] Creating a Fluid Image Header


  #1  
Old Oct 3, 2010, 01:31 AM
TerryEsh
 
3 posts · Aug 2010
I am creating a new site for a non-profit using ATO 3.5.3 wp.aauwatlanta.org We want to use an image banner for the header using stitched photo images. The image is 1200 pixels wide X 180 pixels high; the page width is set to fluid max. width 1280 pixels.

The problem is the page width is fluid but the image width is static. When zooming in the banner image is cut off. I tried ever combination of fixed or fluid width settings, but find none to resolve the behavior. Is it possible to set up the banner image to be fluid while maintaining the aspect ratio?

Thank you,

TerryEsh
  #2  
Old Oct 4, 2010, 10:28 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
In ATO>Style & edit Header Area in place of %image put code similar to the following.
HTML Code:
<img src="http://path_to_image.jpg" width="100%" />
To get the necessary html I usually create a dummy page add the picture, copy the code, and trash the page. Then I paste the code where aI want.

You could of course also wrap the image with an <a> tag so it could be linked to the home page.
__________________
~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.
  #3  
Old Oct 13, 2010, 07:03 PM
TerryEsh
 
3 posts · Aug 2010
Thank you very much. Your solution works perfectly.

Regards,

Terry

Bookmarks

Tags
fluid width, header area



Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make the Header width fluid (100%), but keep everything else fixed (980px)? in10 Header configuration & styling 3 Aug 23, 2010 09:55 PM
[SOLVED] Header Image &amp; Fluid Width Question Tammy Header configuration & styling 19 May 30, 2010 10:53 AM
Is a "fluid" Header image possible? agentc0re Header configuration & styling 3 Feb 3, 2010 03:04 AM
Multiple image header with different alignments for fluid width? haenchensd Header configuration & styling 1 Aug 8, 2009 06:28 AM
creating my own header image faigekobre Header configuration & styling 6 Jun 18, 2009 02:14 PM


All times are GMT -6. The time now is 10:30 AM.


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