Yea you have serious errors mate.
Whats all this above your header info?
<style type="text/css">
.yellow {
background: #FFF6BF;
color: #000000;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.blue {
background: #ADCBE7;
color: #000000;
border-top: 2px solid #0F5C8E;
border-bottom: 2px solid #0F5C8E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.green {
background: #D6ECA6;
border-top: 2px solid #8DC93E;
border-bottom: 2px solid #8DC93E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
Big problem right there.
I am assuming you edited your header template or something and tried to add css there?
You need to place this code below the header info.
Whats all this above your header info?
<style type="text/css">
.yellow {
background: #FFF6BF;
color: #000000;
border-top: 2px solid #FFD324;
border-bottom: 2px solid #FFD324;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.blue {
background: #ADCBE7;
color: #000000;
border-top: 2px solid #0F5C8E;
border-bottom: 2px solid #0F5C8E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
.green {
background: #D6ECA6;
border-top: 2px solid #8DC93E;
border-bottom: 2px solid #8DC93E;
text-align: center;
margin: 10px auto;
padding: 5px 20px;
}
Big problem right there.
I am assuming you edited your header template or something and tried to add css there?
You need to place this code below the header info.