Help me fix my theme!

norther

So I'm working on a theme, using ''The beautiful lie'' theme as a base. I have a few problems with it: 1. Looks weird on IE and Opera, fine in Firefox. The problem is the text being ''on top of each other''. Have a look and see, it's hard to describe. As far as I can see, this problem also appears on the original theme. 2. The Discussions part doesn't stretch across the screen, it sometimes creates a horizental scrolling bar, depending on the screen. I suck at css, but I really want to make this work, so any help welcome. Thanks in advance.

miquel

could you give a link to your forum?

norther

Oh my god. I can't believe I forgot the link
www.obscure.northerain.com

miquel

for problem 1, it's only the 'Darkness, Gather' logo/title which is "on top of each other"? you can adjust that in your style's vanilla.css (line 1582): #logo_title {vanilla.css (line 1582) font-size:50pt; font-weight:bold; letter-spacing:-2.5pt; --> give higher values to space more the letters line-height:40pt; --> give higher values to space more the lines } I suck at css too, but it's something you can try ;)

miquel

for problem 2: edit the padding to 0px in:

#main {vanilla.css (line 1531)
margin:0px;
padding:15px;
width:100%;
}

try looking around a bit with firefox + firebug!

hope I helped

norther

I'll try that, thanks. However, on my side, using IE, all the text is on top of each other. And the title of the forum isn't. No idea why.

chris361

Set the padding on "main" rule to 0px. I think this is what is causing your horizontal scroll bar. I have only tested it in Firefox, so take it for a spin in IE. If that doesn't work, run your CSS code through the W3C CSS validator, and see if there are any errors.