medrin (
medrin) wrote in
style_system2009-09-11 10:51 am
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png)
Help with CSS, want to move the icons.
Hi! I'm hoping someone here can help me a bit with my CSS.
I've tried to find some documentation online on how CSS works but what I'm able to find are way over my level (If I don't want to spend days reading it through and learning how to build a page from the bottom up, which feels like a bit overkill.)
I'm using the transmogrified site scheme, and after changing colors and other things under customize I'm mostly satisfied. I've tried to change a few things with CSS and some things worked, other just mad the whole thing confusing.
What I want to is to move my icon just a bit. At the moment I have it in the left hand corner on the entries. I want it to be just a little bit further down. Preferably so the bottom is on the same level as the user name of the poster of the entry. I've noticed that the icon seems to be fixed in the top left corner, which, if a user posts with a smaller icon than 100x100, makes the whole thing look like it's just floating there. So I would also like to know a way to make it fixed in the bottom left corner instead. After moving the icon down it would also be nice to know how to move the posts a bit closer together.
Bonus question: Is there a way to remove the links in the bottom of the entry other than '#comments' and 'leave a comment'?
Would be eternally grateful for any help received.
I've tried to find some documentation online on how CSS works but what I'm able to find are way over my level (If I don't want to spend days reading it through and learning how to build a page from the bottom up, which feels like a bit overkill.)
I'm using the transmogrified site scheme, and after changing colors and other things under customize I'm mostly satisfied. I've tried to change a few things with CSS and some things worked, other just mad the whole thing confusing.
What I want to is to move my icon just a bit. At the moment I have it in the left hand corner on the entries. I want it to be just a little bit further down. Preferably so the bottom is on the same level as the user name of the poster of the entry. I've noticed that the icon seems to be fixed in the top left corner, which, if a user posts with a smaller icon than 100x100, makes the whole thing look like it's just floating there. So I would also like to know a way to make it fixed in the bottom left corner instead. After moving the icon down it would also be nice to know how to move the posts a bit closer together.
Bonus question: Is there a way to remove the links in the bottom of the entry other than '#comments' and 'leave a comment'?
Would be eternally grateful for any help received.
no subject
Now it looks really nice. You've no idea how long it's been bugging me, and all my own attempts has just made the page look wonky. You've saved me from a lot of irritation.
Do you also know a nifty little line to make the space between entries smaller? pretty please?
no subject
.page-read .entry { margin-top: 56px; }
that only affects your read page; your journal will still look the same (but that's because I couldn't move the userpic down there, anyway).
no subject
And, no, the user pic didn't need to be moved on my recent entries page since there is no user name to move it next to.
You've been incredibly helpful. Feels like I should offer you a virtual cake or something.
no subject
(And mmm virtual cake. I'm happy to accept virtual cake any time ;-))