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!


( 9 comments — Leave a comment )
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?
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.
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.
Mar. 7th, 2008 04:54 am (UTC)

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.
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.
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!
Jan. 10th, 2009 10:17 am (UTC)

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!

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

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars