?

Log in

No account? Create an account

Previous Entry | Next Entry

I've just changed my journal layout to a theme for Mixit I found on the layout commuinity thefulcrum. The layout itself can be found here, complete with full CSS. I really like the way it looks, but I was wondering if it was possible to change a couple of things relating to the sidebar.


The sidebar as things stand strikes me as really wide, and I don't much like that. I think I kind-of worked out what I needed to change in the CSS to make the sidebar narrower, but when I did so I ended up cutting off the user info in the profile box, meaning that my username, screen name and homepage link were lost beneath the entry column. To that end I was wondering if it was possible to move the user info down below my user icon, and possibly shrink the point size of the font on the links for my username, screen name and webpage.

Basically, currently the top of the sidebar in my journal layout looks like the image on the left and I'd rather it looked more like the image on the right, just with a smaller font on the three lines of text beneath my avatar, rather more like the size of the font in the 'profile' box above it:



Does anyone know what I'd need to fix to do this, if it's doable at all? Any help on the matter would be gratefully appreciated.


Sorry about making a new post, but I'm a complete n00b when it comes to CSS, so a fix to this could be lurking somewhere in the tags but I wouldn't have any idea where to even start to look for it.

Comments

( 6 comments — Leave a comment )
dana_cz
Sep. 1st, 2009 02:33 pm (UTC)
Okay, try changing these elements to the following:


.calendar-widget {
margin-top:100px;
}

.about-me-widget dl.profile-list {
font-size:1em;
left:1px;
position:absolute;
top:120px;
}

#alpha {
width:73%;
}

#beta {
width:25%;
}


Edited at 2009-09-01 02:33 pm (UTC)
sevendials
Sep. 1st, 2009 02:47 pm (UTC)
Yes, that seems to have worked great! Thank you, that's just what I wanted. I'm ever so grateful for the help, that's saved me an awful lot of time and trouble.
dana_cz
Sep. 1st, 2009 02:56 pm (UTC)
Good! One thing I found out though, it doesn't work in IE, so for anyone using it, it will look the same as before, only the sidebar will be a tad thinner. I don't have other browsers to check right now, so I don't know how it displays in Opera/Safari/... It does work in FF and Google Chrome. :)
sevendials
Sep. 1st, 2009 03:02 pm (UTC)
That's funny, it appears to be displaying OK in IE 7 for me. That being the case, I'm inclined to leave it as-is. I only ever use Firefox and Google Chrome, and I guess most people will be viewing my entries through their friends pages anyway. I'll just make a note not to get so carried away with my icon tables in future so that if anyone does browse through from IE and the fix doesn't work for them, they won't be unable to view the last column.

Thanks again. :)
westly_roanoke
Sep. 1st, 2009 03:17 pm (UTC)
Works fine on both Safari and Opera!
sevendials
Sep. 1st, 2009 03:26 pm (UTC)
That's great, thanks for letting me know!

Looks like I'm sorted then. Thank you very much to everyone who helped!
( 6 comments — Leave a comment )

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