[SOLVED] Remove header image and menu bar from just one page
 

How can I remove the header image and page menu bar from just one page? I'm currently using 3.4.2 and I have seen instructions for previous versions...but they do not work. Help please!

you would need to edit bfa_header_config.php and put an "if (is_page('xx'))" where xx is the page id around the code you dont want.

Couldn't you just use a CSS insert to hide it on that one page?

I'm thinking somethng like this:

body.page-id-XX div#imagecontainer {display: none;}
body.page-id-XX div#menu1 {display: none;}

Brad,
Great call!! don't know where my brain was.:(

tdill,
use Brad's solution - to find the page id, edit the page in question and look at the address of the page - it will be something like the number at the end (in this case 155) is the page id so you would put this in the ATO->HTML/CSS Inserts->CSS Inserts
and this way, when you update the theme to the next release, you won't have to make any change to keep this working (unless of course Flynn decides to change the label page-id :) )

Just started using this theme and it is awesome. The contents of this post are exactly what I am looking for, but I do not know where to put these CSS inserts. I don't know where ATO->HTML/CSS Inserts_> CSS Inserts is. Is this a file/ folder that comes with the theme or do I have to make this myself. Thanks for the great work that you do.

nevermind figured it out!

Excellent - thank you.

Next question: How do I use this technique to remove the bar1 and bar2 which are left somewhat orphaned now that the images is gone?

[TaSK]

to get rid of bar1 and bar2 just take out the %bar1 and %bar2 at ATO->Style & edit HEADER AREA->Configure Header Area

OK, sorry, not very precise.

Here is the question again: When I use the trick mentioned here to remove the header image from one single page (front page in this case), how do I remove the bar1 and bar2 on that page (only)?

Thank you for your patience.

[TaSK]

try using thiswhere the 155 will be changed to your page. Note that in the case of the bars, we are using a ',' instead of a '#' because the 'horbar1' and 'horbar2' are classes and the 'imagecontainer is an ID and they are referenced differently.

This is working out very nicely, however, I am not following your comment here. The code you list...I entered it into ATO>ADD HTML/CSS INSERTS and tried various spots, but it didn't work. Might there be a problem with copying the code from here and pasting it? It looks the same. Maybe I am mixed up and it should go somewhere else.

yes, this should go into CSS Inserts. I have had occasions where I copied something and all the spaces were really unprintable characters. Try deleting each space and typing a space in it's place.

The bar1 and 2 removes everythng except logo. I am trying to remove the typical RSS stuff (posts-email-comments), the search bar and the [Page Name] text. If I can't remove the RSS stuff from just the one page I at least want to get rid of the page title text.

Any ideas?

this will get rid ofthe logo area including the rss items on the home page, change 'home' to a particular page id like the other examples if you want it on one page

I apologize, what I meant was the div.post-headline(i think) as seen in the attached screen shot. It says "HOME". This is the title of the page. I cannot get it removed no matter what I try.

Suggestions?

try

I have tried that Juggledad, but it doesn't work. I also tried:

body.page-id-xxxxx #post-headline {display: none;}

sorry, it should be a '.' instead of a '#' since 'post-headline' is a CLASS not an ID. Try this

that did it! Thanks!!