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]


/* 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.


( 7 comments — Leave a comment )
Oct. 7th, 2009 12:54 pm (UTC)
1) Remove this line:
.nav li.first { padding-left: 2; border-right: 1px solid #FFFFFF; }
and replace it with:
#header .nav .item { border-left-color: #ffffff;}

2) Try this:
.lj-view-archive .asset-stream .asset-header { padding-bottom: 60px;}
Oct. 7th, 2009 04:34 pm (UTC)
Hi, thank you for your comment!

1) Worked brilliantly. Thank you!

2) I tried your bit of code but it doesn't seem to budge anything. I've tried various pixel paddings since your comment, various padding positions (top, bottom, etc). Nothing is making that thing budge. I even went into GIMP, shrunk the image down to 32*32 and it still cuts off the image in the calendar view.
Oct. 7th, 2009 11:14 pm (UTC)
2) It's showing up fine for me; it's not cut off. I opened the dandelion in a separate tab in my browser just to make sure the dimensions for it in your journal matched the image's original size. They do. Which browser are you using (I'm using Firefox 3.5)?

OK, never mind, I see the problem now. :)

There's a conflict with the code you have for .asset-header along the top of your style sheet and what Mike gave you to fix the archive page's dandelion for some reason (like, using the !important tag isn't solving it for me). I'm working on it...

Never mind; maybe technically there is a conflict in there (but on closer examination, maybe not) but in the amount of time it would take me to explain why it seemed so I could just give you the code that fixes whatever is wrong. So here, try this:

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

For some reason taking the .asset-stream class out of Mike's code worked for me - at least it does in Firefox.

Edited at 2009-10-08 12:02 am (UTC)
Oct. 8th, 2009 04:47 am (UTC)
Yes! Brilliant. That did the trick. Thank you very much for your effort!

Now I'll have to add it into the Calendar's monthly views as well, but I'll search around for what that view is called on my own. ;)
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.
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!
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.
( 7 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars