Hi Dagon,
I got it to work well, but I am having major problems with the blog title text. The text is blue and is aligned all the way to the far left no matter what I do.
This
<div class=”logo”>
<h1 id=”name-text” class=”logo-name”>
was calling this in the style sheet
/* begin Logo */
.logo {
display : block;
position: absolute;
left: 0px;
top: 60px;
width: 880px;
max-height: 160px;
}
h1.logo-name {
position:relative;
left: 350px;
}
h1.logo-name, h1.logo-name a, h1.logo-name a:link, h1.logo-name a:visited, h1.logo-name a:hover {
font-family: times new roman,Helvetica,sans-Serif;
font-size: 41px;
font-style: normal;
font-weight: medium;
text-decoration: none;
padding:0;
margin:0;
color: #FFffff !important;
}
Now that I changed
<h1 id=”name-text” class=”logo-name”>
to
<p id=”name-text” class=”logo-name”>
it’s not calling.
I tried adding the css code to the bottom of my stle sheet like the hack says, but no matter what I change on it, nothing happens.
span#blogTitle {
display: block;
font-size: 4em;
text-align: center;
padding-top: 70px;
font-weight: bold;
font-family: ‘Trebuchet MS’,’Lucida Grande’,Verdana,Arial,Sans-Serif;
}
span#blogTitle a {
color: white;
text-decoration: none;
}
span#blogTitle a:hover {
text-decoration: none;
}
.post h1 {
color: #333333;
text-decoration: none;
font-size: 1.6em;
text-align: left;
padding-top: 0;
}