Free Account - Deleting Certain Header Links

[pure_havoc]

I have a free plus blog: www.pure-havoc.com

I'm having a lot of really frustrating trouble trying to find a way to delete only certain header links. I've figured out how to hide all of the header links, but not just certain ones. I'd like to delete the archive link (because it's not updating properly for some reason) and the friends link and leave

Comments

[tuff_ghost]

ul.navheader li+li { display: none; }

Add more +li to target the third, second, etc link. You should be able to use :first-child and last-child as well.

[pure_havoc]

Sorry, I'm not familiar with :first-child and last-child. What's that?

Also I inserted the tag, and it is still not working: http://www.pure-havoc.com/

Here it is:

/* -------------------------------------- HEADER -------------------------------------- */

ul.navheader li+li { display: none; }

#header { background: #464646; margin: 10px 0 0 0; padding: 0;}

#header ul {margin: 0; padding: 0; text-align: center; padding: 10px; text-transform: uppercase; font-size: 9px; background: #464646; border-top: 10px solid #464646; }

#header li {display: inline; padding: 10px 0 10px 0; margin: 0; }
#header li a {padding: 0 10px 0 10px; border: 0; color: #dddddd;}
#header li a:hover {color: #ffffff;}
#header li:hover {background: #3b8686;}

#header li.view {color: #ffffff; background: #3b8686; padding: 10px;}

.title, .subtitle {display: none;}

[tuff_ghost]

That's because the display property in the #header li block later on overwrites it. Since you are targeting those list items with the header id, you can't use their class to overwrite any of the same property assignments before or after; id always beats class.

Use #header li+li AFTER any other blocks which assign display property to #header li. #header li:first-child targets the first li, if you want it.

[pure_havoc]

Thanks for trying to help me! I'm having a hard time understanding, but the #header li+li+li { display: none; } seems to work in that it hides everything but the recent entries link. That's fine as long as I can move the "contact" link (my website link that I set up in the profile) behind the recent entries link. Is there a way to do that with a plus account?

[tuff_ghost]

You might be able to switch the two links' positions with some ugly hacks.

This is the basic idea, you'll have to tweak it and combine it with whatever other styles you have for the same elements:

ul.navheader { margin-right: 60px; } /* push the whole ul to the left*/
#header li:first-child { margin-right: -60px; } /* pull the first li to the right */
#header li+li { margin-left: -60px; } /* pull the second li to the left */