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] Removing header image on a per page basis


  #1  
Old Mar 25, 2009, 05:01 AM
drewpasmith
 
18 posts · Mar 2009
Hi all,

Just wondering if I can selective remove the header from one page but keep it on all others?

Cheers,

Drew
  #2  
Old Mar 25, 2009, 10:06 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
This can be done with a simple CSS Insert in 3.2.1.

HTML Code:
body.page-XX div.header-image-container {
display: none;
}
XX = ID of the page in question

In the current 3.2 it would require file edits which I don't recommend as 3.2.1 is coming within this week.
  #3  
Old Mar 26, 2009, 07:22 AM
drewpasmith
 
18 posts · Mar 2009
Hi Flynn,

Thanks for your speedy reply. Looking forward to the update already!

Cheers,

Drew
  #4  
Old Mar 29, 2009, 10:21 AM
SoftDux
 
2 posts · Mar 2009
Johannesbugr, South Africa
Quote:
Originally Posted by Flynn
This can be done with a simple CSS Insert in 3.2.1.

HTML Code:
body.page-XX div.header-image-container {
display: none;
}
XX = ID of the page in question

In the current 3.2 it would require file edits which I don't recommend as 3.2.1 is coming within this week.
Hi Flynn,

Where exactly do I add this code?
  #5  
Old Mar 30, 2009, 01:18 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
The actual code in 3.3.1 is slightly different. All <BODY> tags get a class, some an ID too, all starting with body-

Add this as HTML/CSS Inserts -> CSS Insert

HTML Code:
body#body-page-XX div.header-image-container {
display: none; 
}
Replace XX with the ID of the page in question.

You could style (or remove) other layout parts as well. I.e. remove the heading from "Page" pages. This time using the class "body-page" instead of the ID "body-page-XX" because we want all "Page" pages, not just a specific one

HTML Code:
body.body-page div.post-headline {
display: none; 
}
However "Page" page containers get an additional class of "page" (in addition to "post") in 3.3.1 so this should work as well

HTML Code:
 div.page div.post-headline {
display: none !important;
}
I've added !important here as the same container has the class "post" as well, to make sure one class ("page") can overwrite the other class ("post").
  #6  
Old Apr 1, 2009, 01:57 PM
d_random
 
51 posts · Apr 2009
AWESOME THEME!
I have the opposite request, header image on the main page, all others no header.
Any help?
  #7  
Old Apr 2, 2009, 02:55 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Try this as HTML/CSS Inserts -> CSS Inserts

HTML Code:
div.header-image-container {
display: none; 
}
body.body-homepage div.header-image-container {
display: block; 
}

Last edited by Flynn; Apr 6, 2009 at 11:15 AM. Reason: Changed div.body-homepage to body.body-homepage
  #8  
Old Apr 2, 2009, 10:01 AM
d_random
 
51 posts · Apr 2009
Thanks Flynn!
But it removed the header images on all the pages, anyway to have the header image on just the main page?
  #9  
Old Apr 2, 2009, 09:30 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Then try this:

HTML Code:
div.header-image-container {
display: none; 
}
body#body-frontpage div.header-image-container {
display: block !important; 
}
If this doesn't work please let me know what you have in your source code (of the browser-rendered page) in the <BODY> tag, should be

HTML Code:
<body id="body-frontpage" class="body-homepage">

Last edited by Flynn; Apr 6, 2009 at 11:14 AM. Reason: Changed div#body-frontpage to body#body-frontpage
  #10  
Old Apr 3, 2009, 01:41 PM
d_random
 
51 posts · Apr 2009
Below is part of the code from the browser "page source". Does this help?

Code:
</head>
<body>
<div id="wrapper">
<div id="container">

<table id="layout" border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col class="coltwo" />
<col class="colthree" />
</colgroup>
  #11  
Old Apr 4, 2009, 07:37 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Then you don't have Atahualpa version 3.3 or newer. The unique body ID's and classes were introduced in 3.3. You'd need those for per-page CSS styling
  #12  
Old Apr 6, 2009, 09:07 AM
d_random
 
51 posts · Apr 2009
a-ha!
OK, I will update. Thank you!
  #13  
Old Apr 6, 2009, 03:01 PM
d_random
 
51 posts · Apr 2009
I updated to the new version and your code worked!
Thank you Flynn.
  #14  
Old Aug 7, 2009, 11:40 AM
Jsadler
 
2 posts · Aug 2009
Quote:
Originally Posted by Flynn
Then try this:

div.header-image-container {
display: none;
}
body#body-frontpage div.header-image-container {
display: block !important;
}
Hi Flynn,

I am having the same issue and want to remove the header image from all but the home page (http://imprintdesign.org/ - the picture of the house).

I have opened css.php in wp-content/themes/atahualpa and added the code in the "Header Container" area as shown here:
Quote:
/*-------------------- HEADER CONTAINER -------------------*/

td#header {
width: auto;
padding: 0;
}

div.header-image-container {
display: none;
}
body#body-frontpage div.header-image-container {
display: block !important;
}

/*-------------------- LOGO AREA --------------------------*/
but the image disappears from every page and my goal is to have it on the home (frontpage) only.

Note - I reset the css.php for now so the image is still there until I get your solution...

Thanks VERY much for your help!
  #15  
Old Aug 9, 2009, 01:55 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
The CSS class for the homepage has changed in Atahualpa 3.4.2 because the new, core WP body classes are used now instead of the former, proprietary Atahualpa body classes.

use

body.home div.header-image-container {
display: block !important;
}

instead of

body#body-frontpage div.header-image-container {
display: block !important;
}
  #16  
Old Aug 10, 2009, 06:23 AM
Jsadler
 
2 posts · Aug 2009
Perfect - thanks!
  #17  
Old Aug 13, 2009, 07:53 AM
AJKock
 
8 posts · Aug 2009
Can someone please explain to me step by step to get this to work on pages/posts?
I want the header image only to appear on the home page.
I added the above mentioned CSS to the stylesheet, but it had no affect.
What are the settings under your Atahualpa Options? Do you say "show header", but the CSS removes it for other pages?

Help would be appreciated. Tx

I am using version 3.4.2

Last edited by AJKock; Aug 13, 2009 at 07:54 AM. Reason: Added version number
  #18  
Old Aug 13, 2009, 08:42 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
for 3.4.2 Add the following to ATO->HTML/CSS Inserts->CSS Inserts
HTML Code:
div.header-image-container {
display: none; 
}
body.home div.header-image-container {
display: block !important; 
}
The first part says 'Don't display the header image' the second part says 'If this is the home page, then ignore the other rule and display the header!'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #19  
Old Aug 13, 2009, 02:45 PM
AJKock
 
8 posts · Aug 2009
Thank you! I finally get it. I didn't notice the "CSS insert" section under theme options. I thought that I was meant to put the code into the external stylesheet.

It is working now.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Removing Page titles in single pages with out removing post titles robertbrand Atahualpa 3 Wordpress theme 7 Jun 21, 2011 10:33 AM
Removing header, footer and sidebars for a "splash" page mactony Header configuration & styling 29 Jun 9, 2010 07:10 PM
[SOLVED] Page Menu on Header image dougfoot Page & Category Menu Bars 3 May 30, 2009 04:37 PM
removing tagline from 'search box' area of header kiddio Header configuration & styling 1 May 28, 2009 05:02 PM
Diff Header Image Per Page? CondoAnalysis Header configuration & styling 3 Mar 19, 2009 02:59 AM


All times are GMT -6. The time now is 10:16 PM.


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