Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

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


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Aug 24, 2009, 10:56 AM
tdill
 
4 posts · Aug 2009
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!
  #2  
Old Aug 26, 2009, 06:37 PM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #3  
Old Aug 26, 2009, 07:15 PM
BradBrown's Avatar
BradBrown
 
54 posts · Mar 2009
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;}
  #4  
Old Aug 27, 2009, 03:46 AM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
HTML Code:
http://yourdomain.com/wp-admin/page.php?action=edit&post=155
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
HTML Code:
body.page-id-155 div#imagecontainer {display: none;}
body.page-id-155 div#menu1 {display: none;}
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 )
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #5  
Old Nov 5, 2009, 07:23 AM
yupyupyup
 
2 posts · Nov 2009
Quote:
Originally Posted by juggledad
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
HTML Code:
http://yourdomain.com/wp-admin/page.php?action=edit&post=155
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
HTML Code:
body.page-id-155 div#imagecontainer {display: none;}
body.page-id-155 div#menu1 {display: none;}
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.
  #6  
Old Nov 5, 2009, 07:38 AM
yupyupyup
 
2 posts · Nov 2009
nevermind figured it out!
  #7  
Old Nov 30, 2009, 02:19 PM
tagesk
 
9 posts · Aug 2009
Pisa, Tuscany, Italy
Quote:
Originally Posted by BradBrown
Couldn't you just use a CSS insert to hide it on that one page?
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]

Last edited by tagesk; Nov 30, 2009 at 02:39 PM.
  #8  
Old Nov 30, 2009, 03:22 PM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
to get rid of bar1 and bar2 just take out the %bar1 and %bar2 at ATO->Style & edit HEADER AREA->Configure Header Area
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #9  
Old Nov 30, 2009, 04:05 PM
tagesk
 
9 posts · Aug 2009
Pisa, Tuscany, Italy
Quote:
Originally Posted by juggledad
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]
  #10  
Old Nov 30, 2009, 04:17 PM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try using this
HTML Code:
body.page-id-155 div.horbar1 {display: none;}
body.page-id-155 div.horbar2 {display: none;}
where 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.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #11  
Old Dec 9, 2009, 03:57 PM
fretbuzz
 
9 posts · Apr 2009
Quote:
Originally Posted by juggledad
try using this
HTML Code:
body.page-id-155 div.horbar1 {display: none;}
body.page-id-155 div.horbar2 {display: none;}
where 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.
  #12  
Old Dec 9, 2009, 03:59 PM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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.
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #13  
Old Dec 9, 2009, 05:21 PM
fretbuzz
 
9 posts · Apr 2009
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?
  #14  
Old Dec 10, 2009, 07:50 AM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
HTML Code:
body.home table#logoarea {display: none;}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #15  
Old Dec 10, 2009, 09:55 AM
fretbuzz
 
9 posts · Apr 2009
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?
Attached Thumbnails
Click image for larger version

Name:	Screen shot 2009-12-10 at 8.47.05 AM-2.png
Views:	427
Size:	205.7 KB
ID:	321  
  #16  
Old Dec 10, 2009, 03:05 PM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
try
HTML Code:
body.home #post-headline {display: none;}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #17  
Old Dec 10, 2009, 03:18 PM
fretbuzz
 
9 posts · Apr 2009
Quote:
Originally Posted by fretbuzz
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?
I have tried that Juggledad, but it doesn't work. I also tried:

body.page-id-xxxxx #post-headline {display: none;}
  #18  
Old Dec 10, 2009, 03:28 PM
juggledad's Avatar
juggledad
 
22,167 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
sorry, it should be a '.' instead of a '#' since 'post-headline' is a CLASS not an ID. Try this
HTML Code:
body.home .post-headline {display: none;}
__________________
Give a person a solution, you fix one issue, teach a person how to solve their problem you enable them forever.
Juggledad | Forum Moderator/Support
  #19  
Old Dec 10, 2009, 05:01 PM
fretbuzz
 
9 posts · Apr 2009
that did it! Thanks!!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to position Page Menu Bar over Header Image? hyperkurt Page & Category Menu Bars 5 Nov 17, 2012 04:02 AM
image not showing in background of page menu bar rinoa3108 Page & Category Menu Bars 5 Jul 30, 2009 07:37 AM
How do I move drop down menu bar for pages under logo area and header image? barfarf Header configuration & styling 1 Apr 22, 2009 11:49 AM
Keep the name on the Page Menu Bar, remove the name on the page jockoe Page & Category Menu Bars 5 Mar 23, 2009 10:02 PM
How to put the page menu bar under the header image? manu Page & Category Menu Bars 1 Mar 9, 2009 08:39 AM


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


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