hide or change color menu bar – twenty ten theme

3delamadrugada · Member · Aug 19, 2011 at 9:58 am
Copy link

Add topic to favorites
hallo!

i´d like to know if it is possible to hide or change the color of the menu bar in twenty ten theme, but ONLY in a given page. so the rest of the pages remain the same, but this one would have the menu bar hidden or with the same color than the text, so it can not be seen.

is it possible using CSS?

i would like to hide the menu bar in this page:

http://davidfernandez.org/musica/

thank you very much!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Aug 19, 2011 at 10:05 am
Copy link
On the newer themes here this can be done by targeting the page by the class page ID that is listed in the body tag when you do a view source on the page. Give this a try and it should hide the menu for just this page.
```
.page-id-119 #access {
display: none;
}
```
3delamadrugada · Member · Aug 19, 2011 at 10:39 am
Copy link
oh!

so simple and effective!!

thanks a lot, i appreciate a lot your help.

best
3delamadrugada · Member · Aug 19, 2011 at 10:52 am
Copy link
hi again,

instead of making disappear the hole menu bar, i was trying to make disappear only some of the options,

i took a look to “prensa” for instance, in the view source it appears like “menu-item-391”

so i´ve tryed with this:

‘.menu-item-391 #access {
display:none;
}’

but it doesn´t work.

is it possible?

thanks a lot.
thesacredpath · Member · Aug 19, 2011 at 11:09 am
Copy link
.menu-item-391 is within the div (a child) of the div with ID #access, so you have to write it like this:
```
#access .menu-item-391 {
display: none;
}
```
3delamadrugada · Member · Aug 19, 2011 at 11:15 am
Copy link
amazing! just wonderful.

thanks a lot one more time.
thesacredpath · Member · Aug 19, 2011 at 11:25 am
Copy link
You are welcome.
3delamadrugada · Member · Aug 20, 2011 at 2:02 am
Copy link
hi again,

sorry thesacredpath,

but i didn´t realize that the item disappears in all the pages, not only in the one i want it to disappear, so how can i target a given page to make menu-item-391 disappear in that page only?

thanks!
thesacredpath · Member · Aug 20, 2011 at 2:09 am
Copy link
I’m sorry, that was my mistake as I forgot to limit it to just this one page. Replace what I had given you with this.
```
.page-id-119 #access .menu-item-391 {
display: none;
}
```
3delamadrugada · Member · Aug 20, 2011 at 10:58 am
Copy link
oh! i am so lucky… i´ve got what i was looking for in less than 10 hours,
thank you very very much.

david
thesacredpath · Member · Aug 20, 2011 at 5:37 pm
Copy link
You are welcome.
3delamadrugada · Member · Aug 22, 2011 at 3:35 pm
Copy link
hi again,

sorry for being so curious and asking so much, but instead of, hiding certain menu-items in a lot of pages;

could i make using css that some menu-items ONLY appear in a given page?

so i’d hide all the rest items for that page, and make those new ones appear ONLY in that page… and i don´t have to modify the other 10 pages i have…

thanks a lot!!

oh… it would be to modify this page (thesacredpath let me know how to hide the menu-items… but how to make appear new menu-items ONLY in that page?):

http://en.davidfernandez.org/ecce-cello
3delamadrugada · Member · Aug 22, 2011 at 3:45 pm
Copy link
as you can see right now I’ve made disappear the whole menu bar, and I have invented that “menu bar” instead, but I’d rather like to have the normal menubar… but… just with those new menu-items.

thanks!
thesacredpath · Member · Aug 22, 2011 at 5:25 pm
Copy link
You would have to do the hide on each page on your site. After you once got all the pages they way you wanted, then any new menu items you add will appear on ALL pages. Any you did not want to appear on a particular page would require another trip to the CSS.

Customizing menus on a page by page basis is a lot of work.
3delamadrugada · Member · Aug 22, 2011 at 5:41 pm
Copy link
ok, i will try it.

thanks!

No items found.