I'm having some difficulties with getting the post title and -footer to show up right on the background image on my blog.
When I added the background images to the title and footer and previewed it,everything looked alright.
You can see what it looks like in the preview in the screenshot:
But when I save the changes I made,the text is totally out of place and the images seem to have gotten smaller too
You can see that here.
I tried changing the padding and margin stuff for the text,but that doesn't help.
Again,it looks good in the preview but looks like crap when I save the changes.
Here's the code for that area,if that helps:
Code:
/* Posts
----------------------------------------------- */
.date-header {
margin:1.5em 5 .5em;
}
.post {
margin:.5em 0 1.5em;
background: url("http://i8.photobucket.com/albums/a40/ThemG/post-bckgrnd.png");
padding-bottom:2em;
}
.post-title {
margin:.25em 0 0;
padding:5 5 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
background: url("http://i8.photobucket.com/albums/a40/ThemG/title-bck4.png") no-repeat;
color:#660000;
border-bottom:3px double #9C9A9A;
}
.post-title a, .post-title a:visited, .post-title strong {
display:block;
text-decoration:none;
color:#c60;
font-weight:normal;
}
.post-title strong, .post-title a:hover {
color:#333;
}
.post div {
margin:5 4 .75em;
line-height:1.6em;
}
p.post-footer {
margin:-1em 0 0;
background: url("http://i8.photobucket.com/albums/a40/ThemG/title-bck4.png") no-repeat;
padding:14px;
color:#ccc;
border-top:3px double #9C9A9A;
}
.post-footer em, .comment-link {
font:78%/2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#999;
margin-right:.6em;
}
.comment-link {
margin-left:.6em;
}
.post img {
border:3px double #000;
}
.post img:hover {
border:3px solid #999;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
Anyone here that could help me out with th
Bookmarks