Este es el css que se encarga del contenido
Código:
#content {
width: 1100px;
margin: 0px auto 0px;
padding: 0px 0px 0px 0px;
line-height: 24px;
}
#content p {
}
#content a, #content a:visited {
color: #003F7F;
text-decoration: none;
}
#content a:hover {
text-decoration: underline;
background-color: #E3EDF4;
}
#content h1 {
color: #003F7F;
font-size: 50px;
font-family: 'Rokkitt', serif;
font-weight: normal;
margin: 4px 0px 10px 0px;
padding: 0px 0px 7px 0px;
border-bottom: 1px #C0C0C0;
line-height: 102%;
}
#content h1 a, #content h1 a:visited {
color: #FFF;
text-decoration: none;
}
#content h1 a:hover {
color: #FFF;
text-decoration: none;
}
#contentleft h2.title {
color: #003F7F;
font-size: 33px;
font-family: 'Rokkitt', serif;
font-weight: normal;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 102%;
}
#contentleft h2.title a, #contentleft h2.title a:visited {
color: #003F7F;
text-decoration: none;
}
#contentleft h2.title a:hover {
color: #003F7F;
text-decoration: none;
}
#content p img {
border: none;
margin: 0px;
}
#content h2 {
color: #0075A4;
font-size: 16px;
font-family: 'Droid Sans', sans-serif;
font-weight: normal;
padding: 0px 0px 4px 0px;
margin: 0 0 4px 0;
}
#content h2.widgettitle {
border-bottom: 5px solid #0075A4;
font-size: 20px;
}
#content img.wp-smiley {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
#content img.wp-wink {
float: none;
border: none;
padding: 0px;
margin: 0px;
}
#contentleft {
float: left;
width: 670px;
margin: 0px 0px 0px 0px;
padding: 20px 30px 20px 35px;
border-right: 1px solid #F2F2F2;
}
#contentleft img.aligncenter {
margin: 0 10px 0 10px;
}
#contentleft ol {
margin: 0px 0px 0px 20px;
padding: 0px 0px 15px 0px;
}
#contentleft ol li {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
#contentleft ul {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 15px 0px;
}
#contentleft ul li {
list-style-type: square;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}
blockquote {
background: #FFFFFF url(images/blockquote.gif) no-repeat top left;
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 20px;
}
#content blockquote p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#contentleft .post {
margin-bottom: 20px;
}
.about {
width: 470px;
font-weight: bold;
padding: 0px;
margin: 0px;
text-align: right;
}
.about a, .about a:visited {
color: #003F7F;
font-weight: bold;
text-decoration: none;
}
.about a:hover {
text-decoration: underline;
}
.ipostmeta {
width: 670px;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 20px 0px;
margin: 0px;
border-top: 1px solid #C0C0C0;
}
.postmeta {
width: 670px;
font-size: 12px;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0px;
}
.newer-older a, .newer-older a:visited {
background-color: #F1F1F1;
color: #A1A1A1;
font-weight: bold;
padding: 2px 10px 3px;
text-shadow: 1px 1px 0 #FFFFFF;
font-size: 13px;
font-family: Arial,sans-serif;
}
.newer-older a:hover {
background-color: #e7e7e7;
border: 0;
}
Y este es el código que tengo en el index encargado de mostrar las miniaturas y el excerpt:
Código:
<?php if ( function_exists("has_post_thumbnail") && has_post_thumbnail() ) { the_post_thumbnail(array(150,150), array("class" => "alignleft post_thumbnail")); } ?>
<?php the_excerpt(__('...leer mas'));?>
Podéis verlo en funcionamiento aquí: http://www.pezeta.net
Un saludo y gracias