Hola a todos,
En la web de ajedrez de mi firma, tengo varios h1, y según tengo entendido, para el posicionamiento, es mejor tener solamente 1: el título.
Me gustaría saber como se podrían cambiar los títulos de los posts de h1 a h2, sin que por ello cambie el color de la letra de los títulos.
Os adjunto la parte del código que creo que hay que modificar:
Código PHP:
/*-- Begin page content CSS --*/
#content {
width:1000px;
position:relative;
float:none;
background:url(images/content-bg.png) repeat-y left;
color:#333;
padding:0;
}
.postwrap h1 {
font-size:22px;
font-style:normal;
line-height:22px;
font-weight:bold;
font-variant:normal;
margin:0;
padding:0px;
}
.postwrap {
float:left;
width:520px;
padding:10px 10px 10px 65px;
}
.posthead {
background:url(images/dotline.gif) repeat-x left bottom;
padding-bottom:10px;
position:relative;
clear:left;
padding-top: 8px;
}
#content .posthead h1 a {
color:#000;
}
.postauthor {
color:#999;
padding-top:1px;
font-size:11px;
font-weight:700;
line-height:24px;
}
.postdate {
position:absolute;
top:0;
left:-65px;
text-align:center;
background:url(images/post-date.png) no-repeat left top;
width:44px;
margin:0;
padding:5px 8px 10px 6px;
}
.postdate small {
font-size:10px;
color:#000;
font-weight:700;
}
.postdate .month {
display:block;
text-transform:uppercase;
font-size:10px;
padding-bottom:5px;
color: #FFFFFF;
}
.postdate .day {
display:block;
letter-spacing:-1px;
color:#FFFFFF;
font:bold 26px/28px Arial;
}
.postdate .year {
display:block;
}
.postcontent {
background:url(images/dotline.gif) repeat-x left bottom;
line-height:17px;
font-size:13px;
}
.postinfo {
padding-top:15px;
}
.postinfo li {
list-style-type:none;
display:inline;
color:#999;
font-size:12px;
font-weight:700;
margin:0 10px 0 0;
padding:5px 0 5px 18px;
Espero vuestras respuestas y sobretodo, espero que me hayais entendido con eso de los h1 y h2
