![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
A small step
Feb. 7th, 2007 02:44 pmSo last night I stayed up until stupid o'clock futzing around with the CSS of my LJ style. You see there had been a couple of things which annoyed me about the way in which my journal style displayed certain elements and suddenly I discovered that you can add CSS code which overwrites the stylesheet of the style you're using ... woot! If only I hadn't discovered this just as I was about to turn the PC off and head to bed.
The most irritating thing for me was that journal entries were wrapping around the user-icon in a very unsatisfactory way, leading to all sorts of legibility and layout issues. So after a couple of hours of tinkering1 I managed to force the text not to wrap around the icon but to float to the right of it.2 this also works on the class "comment-even" but, for some reason, I can't get it to work on the "comment-odd" class ... it's as if I'm calling the wrong class but I've checked the spelling and it's correct.3 Ah well, I might come back to it in due course but for now I'm happy having a journal style that displays (for the most part) how I want it to ... I also made the header div a little wider so that all the regular links appear in one line now instead of the, rather odd, two lines it was using before.
So, all-in-all a triumph, albeit one tinged by a frisson of defeat.
1 And thank the gods for Firefox's web developer toolkit.
2 No, it wasn't that simple ... the solution involved playing around with padding and margins ... eventually.
3 Yes, I know they've actually used "comment-odd comment" but omitting the redundant "comment" works fine with comment-even so why not with comment-odd?
The most irritating thing for me was that journal entries were wrapping around the user-icon in a very unsatisfactory way, leading to all sorts of legibility and layout issues. So after a couple of hours of tinkering1 I managed to force the text not to wrap around the icon but to float to the right of it.2 this also works on the class "comment-even" but, for some reason, I can't get it to work on the "comment-odd" class ... it's as if I'm calling the wrong class but I've checked the spelling and it's correct.3 Ah well, I might come back to it in due course but for now I'm happy having a journal style that displays (for the most part) how I want it to ... I also made the header div a little wider so that all the regular links appear in one line now instead of the, rather odd, two lines it was using before.
So, all-in-all a triumph, albeit one tinged by a frisson of defeat.
1 And thank the gods for Firefox's web developer toolkit.
2 No, it wasn't that simple ... the solution involved playing around with padding and margins ... eventually.
3 Yes, I know they've actually used "comment-odd comment" but omitting the redundant "comment" works fine with comment-even so why not with comment-odd?
