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

Comments 9

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


Leave a comment

Up