Removing default navbar buttons

I'm trying to remove the default navbar buttons and replace them with custom ones. I have tried removing them in css with this code....

a[href="/memberlist"]{
display:none;
}


Obviously i am replacing the name of each button i am trying to remove but this code has only let me remove 2 of the buttons. 


here you will see what i mean....


http://omniscience.the-talk.net/forum

you could just goto acp>display>pics management>advanced and add a image for them
and any of them you don't want to show just use

Code:

http://illiweb.com/fa/empty.gif

for the image

then goto

acp>display>headers&navigation and change your setting to display image only

Thanks, The empty.gif was already set so changing the setting to images only did the trick. Thanks so much 4 hours iv'e been trying to figure out 

your welcome .. you should take a look around your acp and familiarize your self a little with it .. i know its alot of stuff to go threw but its good to know most of it for things like this

I went through everything 3 times i guess i'm just getting old and slow.lol 

Iv'e just realised the buttons are still there but don't highlight until i scroll over the. How do i get rid of them permanently so there's only my custom buttons?

Apologies i marked this as solved but the buttons are invisible until i scroll over them

try using the javascript

acp>modules>javascript

make sure javascript is on then create a new script

set it to all pages

Code:

$(function(){
$('a[href="buttonurl"]).remove();
$('a[href="buttonur"]).remove();
});

replace buttonurl with url for the button like u did for the css

you can add as many

Code:

$('a[href="buttonur"]).remove();

as you need

i can't seem to get this working. The java is turned on i create a new script and replace "buttonurl" with "home" for example. when i save the script it seems to do nothing?

when you highlight the url it shows a link you need the end of that url
your index is just /

Code:

$('a[href="/"]).remove();

portal

Code:

$('a[href="/portal"]).remove();

and so on

What do you mean by end of the url? where do i find this url?  When i was changing the css before i was just replacing the name of each button in the script. is this what you mean? if so i still cant get it to work. Sorry i'm probably just missing something simple again. 

Code:

$('a[href="/portal"]).remove();

i have pasted your code into the javascript and changed the name 'portal' with the corresponding button if thats correct but still nothing?

try this

Code:

$function(){
$('a[href="/memberlist"]').remove();
$('a[href="/groups"]').remove();
});

Nope sorry still there. If i could find all the buttons to match ones i'm using i could just put them over the top. I can only find 4 because the url's for the rest of the buttons don't work. sorry for the inconvenience and thanks for your patience 

well only thing i can think of is make me a admin acct and pm me the info and ill see if i can figure something out for you

is this solved ?