There's a few things I want to change about my layout..., colors, font sizes and line-height Options

[saaammmiii]

Okay, I know how to go through and do it on xanga layouts and what not... but when it comes to LJ layouts, I'm just SOO confused!

Alright, so here's my LJ.

There's a few things I want done, and if anyone can explain how, or even do it for me that'd be great.... thanks!

1. The title for my entries (ie. So called boyfriend?)... the line-height (I'm guessing) is really low. Or something's going on to make them overlap... is there anywhere I can change that?

2. I want the regular entry font to be a bit bigger then it is now...

3. How do I change that olive color background to the color of the links (the light blue-ish color)?


Thanks in advance to anyone who helps!!! :)



Here's the code for my layout:

CODE

FRIENDS_WEBSITE<=
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<table>
<tr>
<td>
</td>
<td><center>
<b>NAVIGATION:</b>
<font color="000000"></font><a href="http://www.livejournal.com/userinfo.bml?user=oOhitzsam&mode=full" title="/Info!">Information</a> &
<font color="000000"></font><a href="http://www.livejournal.com/users/oOhitzsam/friends" title="Friends page!">Friends</a> &
<font color="000000"></font><a href="http://www.myspace.com/samanthamc" target="_blank" title="My Myspace">My Myspace</a> &
<font color="000000"></font><a href="http://www.xanga.com/oOhitzsam" target="_blank" title="My Xanga">My Xanga</a></center><br>

Please put the doctor on the phone 'cause I'm not making any sense. Blame everyone but me for this mess. And my back has been breaking from this heavy heart
We never seemed so far, I'm hopelessly hopeful, that you're just hopeless enough. But we never had it at all

</td>
</tr>
</table>

</td></tr></table></td></tr>
<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<strong><a href="%%urlread%%">%%messagecount%%</a></strong> >> <a href="%%urlpost%%">reply</a> >> <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>        It's about what you DO, not what you SAY.       </title>
<style type="text/css">
<!--
body, td, font, div, p {
font-family: Franklin Gothic Medium;
font-size: 7pt;
line-height: 7pt;
text-transform: normal;
color:;
}

p table table td.caption {
background-color:ffffff;
font-size: 18pt;
font-weight: bold;
color: #000000;
text-transform: uppercase;
FONT-FAMILY:Franklin Gothic Medium;
LETTER-SPACING: -2.5pt;

}

.index {
background-color:ffffff;
font-size: 7pt;
color: #ffffff;
text-transform:uppercase;
}

table table table td.meta {
background-color:ffffff;
font-size: 7pt;
color: #000000;
text-transform:uppercase;
font-weight: normal;
}

td.caption {
background-color: ffffff;
font-size: 7pt;
color: #1A1403;
text-transform:uppercase;
}

.comments {
font-family:Franklin Gothic Medium;
font-size: 7pt;
color: #000000;
background-color: #ffffff;
text-transform: uppercase;
font-weight: normal;
height: 8px;
text-decoration: none;
line-height: 20PX;
text-align: center;
}

:link {text-decoration: none;line-height: 11PX; color: #68c0ca; border-bottom: 1pt dashed;; font-weight: bold;text-transform: uppercase;}
a:link {text-decoration: none;line-height: 11PX; color: #68c0ca; border-bottom: 1pt dashed;; font-weight: bold; text-transform: uppercase;}
a:visited {text-decoration: none;line-height: 11PX; color: #68c0ca; border-bottom: 1pt dashed;; font-weight: bold; text-transform: uppercase;}
a:active {text-decoration: none;line-height: 11PX; color: #68c0ca; border-bottom: 1pt dashed; font-weight: bold; text-transform: uppercase;}
a:hover {text-decoration: none; line-height: 11PX; color: #e64d77; background-color:; border-bottom: 1pt dashed; font-weight: bold;cursor:sw-resize;}

BODY{
margin-top:10px;
background-color:#b3bb84;
scrollbar-track-color: #b3bb84;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #b3bb84;
scrollbar-3dlight-color:#b3bb84;
scrollbar-darkshadow-color:#b3bb84;
scrollbar-shadow-color: #b3bb84;
scrollbar-arrow-color: #ffffff;
text-align:;
cursor:se-resize;
}


strong, b{
color:e64d77;
}

h2{
font-family:times new roman;
color:#68c0ca;
font-size:36pt;
letter-spacing:-3.5;
line-height:30px;
}

-->
</style>

<style type="text/css">
<!--

table {
width: 406px;
margin-left: 0%;
margin-right: 0%;
}

table table {
width: 100%;
margin:0%;
}
table table table {
width: auto;

}
table {
background-color:ffffff;
background-image: url();
border: 0px solid BBFFFF;
}
table table {
border: 0;

}
-->
</style>

<style type=text/css>
<!--
tr.caption{visibility:hidden;position:absolute;top:1px}
-->
</style>

<style type=text/css>
<!--
table table tr.caption td.caption{visibility:hidden}
-->
</style>

<style type=text/css>
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>

<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td class="comments" colspan="2">
<strong><a href="%%urlread%%">%%messagecount%%</a></strong> >> <a href="%%urlpost%%">reply</a> >> <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a>
</td></tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>10

LASTN_DATE_FORMAT<=
<span style="font-size: 14pt; font-weight: bold; color: #e64d77; font-family:times new roman; line-height: 0.5em;">%%daylong%%</span><br>
<span style="font-size: 7pt; font-weight:bold; color: #000000; font-family: Franklin Gothic Medium; line-height: 0.1em;">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=LASTN_DATE_FORMAT

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a>                                                                                                                                                      

LASTN_WEBSITE<=
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">
<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px;
}
-->
</style>
<center>
<b>NAVIGATION:</b>
<font color="000000"></font><a href="http://www.livejournal.com/userinfo.bml?user=oOhitzsam&mode=full" title="/Info!">Information</a> &
<font color="000000"></font><a href="http://www.livejournal.com/users/oOhitzsam/friends" title="Friends page!">Friends</a> &
<font color="000000"></font><a href="http://www.myspace.com/samanthamc" target="_blank" title="My Myspace">My Myspace</a> &
<font color="000000"></font><a href="http://www.xanga.com/oOhitzsam" target="_blank" title="My Xanga">My Xanga</a></center><br>

Please put the doctor on the phone 'cause I'm not making any sense. Blame everyone but me for this mess. And my back has been breaking from this heavy heart
We never seemed so far, I'm hopelessly hopeful, that you're just hopeless enough. But we never had it at all

</td></tr></table></td></tr>
<=LASTN_WEBSITE

FRIENDS_DATE_FORMAT<=
<span style="font-size: 14pt; font-weight: bold; color: #e64d77; font-family:times new roman; line-height: 0.5em;">%%daylong%%</span><br>
<span style="font-size: 7pt; font-weight:bold; color: #000000; font-family: Franklin Gothic Medium; line-height: 0.1em;">%%monlong%% %%dth%%, %%yyyy%% at %%12h%%:%%min%%%%ampm%%</span>
<=FRIENDS_DATE_FORMAT

[*Azarel*]

1. The reason your subject breaks into two lines is because as one line, it will run into your date. I'm not completely sure (and, at the moment, I can't really be bothered to look too hard since I've been staring at coding for the past couple hours), but it may be the line-height located in your date formats that cause your subject line to be compacted. (I believe that your subjectline and dateline roughly have to be about the same height, or else when one breaks into multiple line, it gets compressed like that, but don't quote me on that.)

2. Find this in your coding:
body, td, font, div, p {
font-family: Franklin Gothic Medium;
font-size: 7pt;
line-height: 7pt;
text-transform: normal;
color:;
}

Change the bolded number to change your font size; you may want to remove the line that I have underlined, as that will make your lines of text overlap as the font gets larger.


3. Find this in your coding:
background-color:#b3bb84;

Replace the bold with 68c0ca.

[joiedevie]

i think it'd be easier for you to do all that if you just switched to s2. because you can still customize it to your liking and the changes that azarel suggested can easily be put in the custom css box.