Editar CSS vcard author para reducir tamaño visual

yagami · 2014-08-05T13:16:12-0500

hola

quiero editar esta css "vcard author" para reducir el tamaño ya q se ve mal el espacio que deja
Tecnología Virtual
lo puse asi ya q es para validar los datos estructurados de google webmaster

maximusk10 · 2014-08-05T13:30:18-0500

Si te fijas hay un padding de 30 px

Insertar CODE, HTML o PHP:

.postmeta-secondary span {
    background-position: left center;
    background-repeat: no-repeat;
    padding: 3px 0px 3px 30px;
}

ese 30px es el "padding left" si lo bajas verás como se hacerca al icono de autor.
El problema es que tambien lo hacen los demás y categorias y fecha se ve encima de su icono.

La solución puede ser que justamente a dicho vcard, le pongas un padding-left negativo
O bajar el padding left de 30px, y subirles el padding left a las clases meta_date y meta_categories

Si tienes problemas para hacerlo o no funciona me avisas 😀

Saludos!

yagami · 2014-08-05T13:43:55-0500

maximusk10 dijo:
Si te fijas hay un padding de 30 px

Insertar CODE, HTML o PHP:

.postmeta-secondary span { background-position: left center; background-repeat: no-repeat; padding: 3px 0px 3px 30px; }

ese 30px es el "padding left" si lo bajas verás como se hacerca al icono de autor.
El problema es que tambien lo hacen los demás y categorias y fecha se ve encima de su icono.

La solución puede ser que justamente a dicho vcard, le pongas un padding-left negativo
O bajar el padding left de 30px, y subirles el padding left a las clases meta_date y meta_categories

Si tienes problemas para hacerlo o no funciona me avisas 😀

Saludos!

gracias pero solo funciona lo primero
ya q se sobrepone la fecha y categorias en los iconos
y el padding left no lo mueve a la fecha y categoria

Editar CSS vcard author para reducir tamaño visual

yagami

maximusk10

yagami

Temas similares