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 » Page & Category Menu Bars »

[SOLVED] Varying how header image/menubar being displayed depends on what page


  #1  
Old Apr 28, 2011, 06:06 PM
levenssfeer
 
30 posts · Oct 2010
Hi all,
Does any of you know how to achieve this:
- Page1 show header image+menu bar
- Page2 show none
- Page 3 show header image only
This problem has been haunting me for a long time, love to donate. Any help is appreciated, thanks in advance.
  #2  
Old Apr 29, 2011, 04:12 AM
Jam's Avatar
Jam
 
1,112 posts · Mar 2011
Perth, Western Australia
It might help if you are a little clearer with your question.
There is another recent thread about customising your index.php, that is probably a good place to start.
  #3  
Old Apr 29, 2011, 06:43 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you can use CSS to cause different areas to display or not based on the <body> and it's classes and using the CSS rule 'display:none;'

you would use something like
HTML Code:
body.page-id-33 #menu1 {display:none;}
use firebug in firefox to find the ID/class of the element you want to hide and the page ID class and then experiment.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old May 5, 2011, 06:24 AM
levenssfeer
 
30 posts · Oct 2010
Would it be possible to use configure header area?
Now to make page 2 show nothing I use:

<?php if ((! is_page('page2'))){echo '%logo %pages %image %cats' ; } ?>

The rest, page 1 and 3 showing all of them.
How to make page 3 show %image only?
  #5  
Old May 5, 2011, 06:36 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You can do this with pure CSS. in the 'Configure Header Area' put
HTML Code:
%logo %pages %image %cats
to male page 2 not display anything add this to 'CSS Inserts'
HTML Code:
body.page-id-2 #logoarea {display:none;}
body.page-id-2 #menu1 {display:none;}
body.page-id-2 #imagecontainer {display:none;}
body.page-id-2 #menu2 {display:none;}
to make page 3 just show the image use

HTML Code:
body.page-id-2 #logoarea {display:none;}
body.page-id-2 #menu1 {display:none;}
body.page-id-2 #menu2 {display:none;}
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Jul 10, 2011, 03:49 PM
levenssfeer
 
30 posts · Oct 2010
Thanks juggledad, I really appreciate it and have made a small donation. Thanks again, it really helps

Bookmarks

Tags
header image, menubar, page

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
My background image is displayed on all browsers but IE mppc Header configuration & styling 1 Mar 13, 2011 08:06 PM
How to fix varying width of submenus? thellancer Page & Category Menu Bars 2 Nov 28, 2010 10:51 PM
Set subpage menubar same as parent menubar stef Page & Category Menu Bars 2 Oct 27, 2010 04:37 PM
Page header - can this not be displayed? rosetrees Atahualpa 3 Wordpress theme 2 Nov 17, 2009 02:11 PM
qtranslate and atahualpa 3.4.2 menubar or header paolo-from-italy Plugins & Atahualpa 2 Aug 13, 2009 04:13 PM


All times are GMT -6. The time now is 09:08 AM.


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