Hello,
So I've done it the old fashioned way with <font size="15">Blah Blah</font> as this is the easiest way I know of at current for doing select bits of text only. However, no matter how high I set the font size, whether it be 10000 or 10 it does not change and simply stays the same. I'm really puzzled by this and it's driving me nuts!
style.css
body {
background-color:#000000;
}
a,a:visited {
text-decoration: none;
color: #fff;
}
a:hover {
color: #ff9000;
}
p {
color: #fff;
}
.welcome {
width: 950px;
height: 230px;
background-color: #141414;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-top: 5px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.content {
width: 1020px;
height: 860px;
background-color: #282828;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
padding-top: 20px;
margin-bottom: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.line {
padding: 0 20px;
width: auto;
margin: 0 auto;
border-top: 3px solid #212121;
display: block;
}
#footer {
background: url(/images/footer.png) repeat-x top center;
width: 100%;
padding-top: 120px;
padding-bottom: 150px;
position: absolute;
margin-bottom: 0px;
margin-right: 15px;
margin-left: auto
bottom: 0%;
}
#marq {
border: 1px solid #000000;
background-color: #E65A2C;
width: auto;
height: 18px;
color: #ff9000;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}
#marquee {
margin: 0px 0 0px 0;
position: relative;
}
index.php
<?php
$home = true;
$title = 'Home';
include('header.php');
?>
<div class="bg">
<div class="clear"></div>
<div class="grid_12" id="content">
<div class="content-spacer">
<br > <br >
<div class="content">
<div class="welcome">
<font face="Skranji" size="150px">
<font color="#ff9000">LATEST</font>
<font color="#ffffff">NEWS</font></font>
<div class="line"> </div>
<p>test ... test
</div>
</div>
<?php
include('footer.php');
?>
</div>