Titulos en link (formato)
 

Hola chicos... soy un completo novato en esto del CSS y me desespero muy a menudo... os explico mi problema...

Tengo un blog en wordpress y me he creado un theme jugando un poco... pero no logro hacer una cosa:

Tengo configurados los links de mi blog de esta forma:

a:link, a:active, a:visited {
color:#EEFFBB;
font-family:"Hoefler Text",Georgia,"Times New Roman",Times,serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:bold;
letter-spacing:1px;
line-height:normal;
}


Mi problema es que los titulares de los Post (que son h2) al ser identificados como links me cambian como si fuesen un link normal y se ven pequeñisimos y ridiculos!!!

Podeis comprobarlo en www.pekinhouse.com

Os dejo aqui el css de los h´s:

/* links and fonts */
a:link, a:active, a:visited {color: #efb;
letter-spacing: 1px;
font: italic bold 12px "Hoefler Text", Georgia, "Times New Roman", Times, serif;
}

a:hover {color: #F96D12;}
a {text-decoration: none;}

h1, h2, h3, h4 {
font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
text-transform: lowercase;
color: #efb;
letter-spacing: 1.5px;
}

h1 {font-size: 1.5em;
font-weight: bold;
font-style: italic;
color: #F96D12
}
h2 {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}

h3 {font-size: 1.5em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;
font-weight: bold;
font-style: italic;
}

.chrondate {color: #545454; padding-left: 0.5em;}
.chrondate a {color: #545454;}
.chrondate a:hover {color: #d0dda3;}


He intentado solucionarlo con esto...

h2 a {font-size: 2em;
padding-bottom: 1em;
line-height: 1em;
}

Pero no funciona.... que estoy haciendo mal chicos...

Alguien me puede echar un cable... :-)

Todo esto lo estoy pertenece a mi blog www.pekinhouse.com
echadle también un ojo y decirme que os parece y que cosas puedo mejorar... gracias!!







gracias

Re: Titulos en link (formato)
 

Hola:

Un h2 no se parece a nada a un link, pero si lo que pasa es que se encuentra dentro un enlace la cosa cambia... una opción sería considerar las dependencias.
Si tus enlaces están dentro de párrafos, podrías ponerle esa p de párrafo por delante de tu definición de los links:

p a:hover, p a:active, p a:visit {/*enlaces dentro de párrafos */


Saludos :arriba: