?

Log in

No account? Create an account

Previous Entry | Next Entry

Hi! I've probably put in about 6 hours searching through Google and this comm's tags to tweak my journal. Thanks for all the great info here!

I am fairly pleased with the results with the following exceptions. It is very possible I am just so tired of working on this/searching that I missed something, so please feel free to direct me to entries/appropriate tags if available.

Background: Permanent account/Hills midnight theme/Custom stylesheet input

Here are my issues:

1) I want to change the color of my nav link dividers to white. I have tried so many different permutations of border-left: #ffffff...border-right etc. in so many different places and only got ONE of the dividers to change to white thus far. [SOLVED]



/* These next several lines of code-clusterfuck move the journal title to the top, and repositions title and nav links and dividers */

h2.asset-name, .pageheader2 .asset-name-hover { margin-left: 36px; }
h2.asset-name, .pageheader2 { margin-left: 36px; }

#header-content-inner {
margin: 335px 0px 0px -40px;
}

#header-text { min-height: 0; margin-top: 0px;}

ul.nav { position: absolute; top: 370px; padding-left: 150px; }

.nav li { border-left: none; padding: 0; font-size: small; }

.nav li a { font-weight: normal; }

.nav li.first { padding-left: 2; border-right: 1px solid #FFFFFF; }

/* nav link color */
#header .nav a {
color: #FFFFFF;
}

2) When I go to my Archives/Calendar page, the dandelion decoration image I am using is cut off. How can I stop the insanity? I believe the image size is 60x60, and I recall reading somewhere that's the size I should use. But clearly it's too big for pre-existing code on the Archives page. [SOLVED]

http://ladycoreopsis.livejournal.com/calendar

/* swap decoration between entries */
.asset-stream .asset-header {
background: transparent url(http://pics.livejournal.com/ladycoreopsis/pic/001qdpz0) no-repeat scroll 0 0;
}

Any help would be greatly appreciated! Thanks.

Comments

anti_aol
Oct. 8th, 2009 10:00 pm (UTC)
You didn't say the month pages had the same problem - did you? Maybe you did. At any rate you can change the code to this:

.lj-view-archive .asset-header, .lj-view-month .asset-header {padding-bottom: 20px;}

And since the dandelion is over the subject line on the month pages (instead of next to it), you may want to add this as well (totally up to you):

.lj-view-month .asset-header {margin-left: -20px;}

Also, when you get a chance, you should view your journal in IE and tell me what you think - the header and links right below it are on one line in that browser. If you want, I can give you code to fix that.
ladycoreopsis
Oct. 9th, 2009 11:31 am (UTC)
No, I actually didn't say the month view had that problem in my post because I hadn't noticed it until afterward. So thank you for the additional code!

Oh gracious, I hadn't even started testing in other browsers yet. I've been working on my laptop, but this weekend I was going to take a peek from my Ubuntu Linux machine where I have several browsers installed.

But yes, I would sincerely appreciate the help with getting it to look nice in IE as well. Thank you very much!
marahmarie
Oct. 9th, 2009 08:05 pm (UTC)
OK, the IE thing...I can't get it after all, sorry. I tried (I put your CSS up at my test journal after I added in some IE hacks I thought might help) but it seems I just messed things up more (I had to copy in all the style sheets because my test journal is a Basic account which doesn't allow me to use the Hills theme, so maybe that had something to do with it, I don't know). If you make another top level post here with the IE issues maybe someone else will help you, but I'm afraid I can't.

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