Cambiar de h1 a h2 con el mismo color

[alexgbike]

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

[Adsl5mb]

Podes usar los mismos valores del H1 y cambiarle el tamaño

Código:

.postwrap h2 {
    font-size:18px;
    font-style:normal;
    line-height:22px;
    font-weight:bold;
    font-variant:normal;
    margin:0;
    padding:0px;
}

Con eso tendría que mantener el color

[alexgbike]

Ya he cambiado eso que me dices, pero ahora los títulos están enormes.
Voy a dejar la web con el diseño que me has comentado, durante un día, para que lo podais ver mejor.

[kseso?]

Ten en cuenta que el contenido de los títulos son enlaces y le aplicas

#content .posthead h1 a {/*style.css (línea 283)*/
color:#000000;
}

cambia "h1 a" por "h2 a", y si quieres disminuir el tamaño, añadele "font-size: Xem;".
En el html cambialo también:

<div class="posthead">
<h2>...

[pitufoweb]

Lo que me llamo la atención es que el index pesa mas de 11 mb


o es un error de mi web developer toolbar?





Bye.

[kseso?]

Aquí tienes la respuesta:

images--> 80 files---> 10927 KB

salvapantallas-3.bmp 2304 KB
salvapantallas-2.bmp 2202 KB
salvapantallas-4.bmp 1898 KB
alvapantallas-5.bmp 1436 KB
salvapantallas-11.bmp 1406 KB
salvapantallas-6.bmp 1172 KB

[pitufoweb]

si, ya me di cuenta porque esta tan pesada.


Usa los salva pantallas originales para ponerlos dentro del articulo.



Bye.

[alexgbike]

Lo de que es tan pesada, ya me dí cuenta cuando lo postee, pero no entiendo por que pesaría menos el index, poniendo las fotos originales ?¿
De todas formas, cuando publique dos posts más, se me va del index ya el artículo.
kseso? respecto a lo del h2, volví a dejar como estaba lo que me dijo Adsl5mb e hice los cambios que tu me dijiste.
Cambié lo del h1 por h2 y le añadí "font-size: Xem;".
También lo cambié en el html.
Funcionó lo que me comentaste, pero ahora lo que pasa es que el título se ha venido un poco para abajo. Me gustaría que quedase como anes: centrado con la fecha.
Alguna solución para esto?¿

[alexgbike]

Por favor, alguien que sepa algo acerca de esto?¿

[alexgbike]

Nada más es cambiar el título de posición...
Alguien puede decirme como se hace. Me es bastante urgente.

[Mikmoro]

Tienes dos soluciones simples:
1.- busca este selector y cambia el padding

.posthead {background:transparent url(images/dotline.gif) repeat-x scroll left bottom;
clear:left;
padding-bottom:10px;
padding-top:2px;
position:relative;
}

2.- busca este selector y añade este margin:

h1, h2, h3, h4 {font-family:Arial,Helvetica,sans-serif;
margin-top:8px;
}

Prueba a ver cuál te va mejor.

[alexgbike]

Ok, ya lo arreglé.
Con la opción de más arriba me sirvió para solucionar el problema.

Muchas gracias a todos por vuestras respuestas y salu2