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 »

Different header images for different pages


  #1  
Old Nov 13, 2011, 05:07 AM
jms5017's Avatar
jms5017
 
115 posts · Jul 2010
NY/NJ Metro area
Different header images for different pages

I have one page background image for my home page and one for all other pages. Following these instructions, http://forum.bytesforall.com/showthr...der+image+post
I put the bg image for *all other pages* into ATO ->Style and configure layout ->Layout container style as follows:
padding: 0;
background: url(/wp-content/themes/atahualpa/images/pagetopcontent.jpg) no-repeat center top;
(Header area height is set to 505, which is the size of the image. )
Then I added overrides to HTML/CSS as follows:
body.page-id-24 div#container {
padding: 0;
background-image: url(/wp-content/themes/atahualpa/images/pagetophome.jpg) no-repeat center top !important;
}
The image that shows up on the home page is the one set in config layout style>layout container, not the override one. (The home page has a header widget to hold an image gallery) The other pages just get cut off before the entire 505 pixel bg image is displayed.
What did I do wrong?
The attachment is the image that should display for the home page. The content page has the same radial background, but doesn't have the bottom "Imagine Formulate Appreciate" band at the bottom. The radial just continues for 505 pixels.

Last edited by jms5017; Aug 27, 2014 at 11:40 AM.
  #2  
Old Nov 13, 2011, 05:15 AM
jms5017's Avatar
jms5017
 
115 posts · Jul 2010
NY/NJ Metro area
Sorry, I forgot, The site is jkstest.info
  #3  
Old Nov 13, 2011, 05:20 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Quote:
Following these instructions, http://forum.bytesforall.com/showthr...der+image+post
I put the bg image for *all other pages* into ATO ->Style and configure layout ->Layout container
ummm...better go read the directions again...
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Nov 13, 2011, 07:15 AM
jms5017's Avatar
jms5017
 
115 posts · Jul 2010
NY/NJ Metro area
Ok, I found the dopey error
I had the div#container instead of div#imagecontainer. But you already knew that.

Still not seeing the proper header image on the home page or the entire 505pixel image on any other content page.
I even changed the path name in the CSS override code (and yes, did load the image to that folder)
background-image: url(http://jkstest.info/wordpress/wp-con...agetophome.jpg) no-repeat center top !important; even though I couldn't imagine the location of the image would matter. ...and it didn't. I'd prefer to use the
background-image: url(/wp-content/themes/atahualpa/images/pagetopcontent.jpg) no-repeat center top;
notation so that I have one less thing to change when I move the site to the production domain name.
What's wrong?
  #5  
Old Nov 13, 2011, 07:45 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
This is all done in the CSS Inserts area
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Nov 13, 2011, 08:05 AM
jms5017's Avatar
jms5017
 
115 posts · Jul 2010
NY/NJ Metro area
Are you saying the problem is that I can't set up a "default" header image for 99% of the page in the
ATO ->Style and configure layout ->Layout container style and then just override the home page in the insert CSS? I have to "override" each page in the CSS inserts?

Bookmarks

Tags
header override, header truncated



Similar Threads
Thread Thread Starter Forum Replies Last Post
How to assign different header-images to different pages? koinonos Header configuration & styling 8 Oct 16, 2010 06:11 AM
Header Images - One fixed image for Home Page - Rotate all images on all other pages? ClearlyRobert Header configuration & styling 10 Oct 12, 2010 12:12 PM
Link header images to separate pages andreapalframan Header configuration & styling 5 May 28, 2010 11:59 AM
[SOLVED] How to assign different header-images to different pages? gxxfy Header configuration & styling 9 Mar 31, 2010 04:49 AM
Different header images on different pages djberriman Header configuration & styling 1 Jan 26, 2010 01:01 PM


All times are GMT -6. The time now is 01:41 PM.


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