Header Nav Links: Display Below Header Banner

Mar 06, 2008 17:17

This is my first time working with Expressive, and I'm using the "Endless Summer Pink" theme as a base. Thanks to you all, I have my header up, the Title Description gone, and the journal width fixed, but I'm having a hard time with the Navigation Links. I'd like to ( Read more... )

header:nav links

Leave a comment

av8rmike March 7 2008, 00:49:23 UTC
What "page function" thing?

So, if I'm understanding correctly, you want to put the nav links outside the pink border?

Reply

jellibean March 7 2008, 01:46:01 UTC
By page function, I mean the Style Sheet language instead of the custom CSS. (Sorry to be so vague about that!)

And yes, I want the nav links outside of the border. Originally it was overlapping in a weird place, but I figured out how to at least get it centered for the time being.

Reply

av8rmike March 7 2008, 02:56:53 UTC
Fortunately, this isn't that complicated. You can do everything you want in CSS; no theme layer code required.
Remove the existing CSS you have in the #header-content-inner section and replace it with this:
#header {margin-bottom: 20px;}
#header-content-inner {
position: absolute;
top: 390px;
left: 250px;
}You can tweak the numbers however you want until it looks right.

.nav .item {border-left-style: none;}
#header-text a {color: #xxxxxx;}
a[href*=memories] {display: none;}
These lines will remove the dividers, change the color (change the xxxs), and remove "Memories", in that order.

Reply

jellibean March 7 2008, 04:54:15 UTC
Thanks!

As far as the link color goes, I was wondering if there was a way to change the color of the link that links to the journal entry w/the comments. I've changed my "Leave a Comment" link to pink, but would also like to change my "10 comments" link to make it stand out with the "leave a comment" link.

Reply

av8rmike March 7 2008, 13:39:00 UTC
Hmmm... You want to make the "X comments" link a different color from the "leave comment" link and the others in the linkbar? The only way I can think to do that would be through the theme layer, since the links to the EntryPage don't have their own class, nor are the attributes shared.

Reply

jellibean March 7 2008, 19:24:36 UTC
I figured that it might be a little tricky because they aren't linked to the same place, but I thought I'd ask.

Thank you so much for your help!

Reply

arnogseel January 10 2009, 10:17:17 UTC
hi!

i am trying to change the color of my nav bar. if you check out my lj, right now it's invis bc it's black (it's right on top of my "ǝʌıʇɔǝdsɹǝd ɹnoʎ ǝƃuɐɥɔ 'ʎʇılɐǝɹ ɹnoʎ dılɟ" quote. you can see it if you highlight that area).

i've tried #header-text a {color: #xxxxxx;} but that doesnt work. help?

thanks in advance!

Reply

av8rmike January 16 2009, 19:37:19 UTC
Whoops, sorry for taking so long. Try
#header .nav a { color: #xxxxxx; }
instead.

Reply

arnogseel January 16 2009, 19:47:18 UTC
perfect, you're awesome. thank you!

Reply


Leave a comment

Up