?

Log in

No account? Create an account

Previous Entry | Next Entry

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:

- Center them under my header
- Edit the Text (Remove Memories, increase the font, possibly get rid of the dividers.)

When I change the margin of the header to 385 (that's how tall my banner is), the links disappear completely.

When I try to use the "page function:" type of CSS in my layer, I get a compilation error. I've tried putting it outside of the "set custom_css" tag and inside it and can't get it to work.

It's been a while since I've created new stylesheets, but I think I managed to make the layer public. Its number is #10872203. Any help would be greatly appreciated!

Comments

( 9 comments — Leave a comment )
av8rmike
Mar. 7th, 2008 12:49 am (UTC)
What "page function" thing?

So, if I'm understanding correctly, you want to put the nav links outside the pink border?
jellibean
Mar. 7th, 2008 01:46 am (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.
av8rmike
Mar. 7th, 2008 02:56 am (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.
jellibean
Mar. 7th, 2008 04:54 am (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.
av8rmike
Mar. 7th, 2008 01:39 pm (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.
jellibean
Mar. 7th, 2008 07:24 pm (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!
arnogseel
Jan. 10th, 2009 10:17 am (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!

av8rmike
Jan. 16th, 2009 07:37 pm (UTC)
Whoops, sorry for taking so long. Try
#header .nav a { color: #xxxxxx; }
instead.
arnogseel
Jan. 16th, 2009 07:47 pm (UTC)
perfect, you're awesome. thank you!
( 9 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars