Free Account - Deleting Certain Header Links

May 15, 2012 16:41

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 ( Read more... )

free accounts, header and footer

Leave a comment

Comments 5

tuff_ghost May 15 2012, 21:13:21 UTC
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.

Reply

pure_havoc May 15 2012, 22:58:47 UTC
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;}

Reply

tuff_ghost May 15 2012, 23:09:49 UTC
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.

Reply

pure_havoc May 16 2012, 00:06:16 UTC
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?

Reply


Leave a comment

Up