Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Creating a Fluid Image Header

Old Oct 3, 2010, 01:31 AM
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,

Old Oct 4, 2010, 10:28 PM
lmilesw's Avatar
10,174 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.
Old Oct 13, 2010, 07:03 PM
3 posts · Aug 2010
Thank you very much. Your solution works perfectly.




fluid width, header area

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

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 07:14 PM.

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