Quitar borde en Gravatar

U

Usuario eliminado 17275

• 16 Jul 2012

• #1

Buenas betas,

Recientemente he puesto para que al final de cada entrada que escriba, salga un poco de informacion mia:

Enlace eliminado

Lo que quiero intentar hacer, es poder quitar el borde que sale en el Gravatar... alguna idea ? Este es el codigo que he utilizado.

Insertar CODE, HTML o PHP:

<!-- Inicio Biografía Autor -->
<div class="biografia">
<div class="biografia-avatar">
<?php $author_email = get_the_author_email ();
echo  get_avatar ($author_email, 80);
?>
</div>
<div class="biografia-texto">
<h3>Autor: Carlos Lozano</h3>
<p><?php the_author_description() ; ?></p>
</div>
</div>
<!-- Fin Biografía Autor -->

Muchas gracias.

 

budha

Eta

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 16 Jul 2012

• #2

Claro es sencillo, en tu hoja de estilos busca la siguiente linea:

HTML:

.gravatar, .avatar{float:left; border:1px solid #DEDBD1; margin:0px 7px 0 0; padding:4px; background:#FFF; display:inline}

Y la cambias por la siguiente donde le quitamos el borde:

HTML:

.gravatar, .avatar{float:left; border:none; margin:0px 7px 0 0; padding:4px; background:#FFF; display:inline}

Un saludo

 

Última edición: 16 Jul 2012

U

Usuario eliminado 17275

• 16 Jul 2012

• #3

No se me quita 🙁

 

R

Rolli

Épsilon

• 16 Jul 2012

• #4

Yo ya no lo veo 😉

 

U

Usuario eliminado 17275

• 16 Jul 2012

• #5

Ya, modifique el padding, pero ahora si os fijais esta todo junto la imagen con el texto... ¿Como es posible separarlo un poco ? Para que sea mas vistoso?

Saludos

 

budha

Eta

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 16 Jul 2012

• #6

Prueba añadiendole estilos a la clase que define el div, por ejemplo:

HTML:

.biografia-avatar img {border:none;padding: 0 10px 0 0;}

A ver si asi tienes mejor resultado.

 

Última edición: 16 Jul 2012

U

Usuario eliminado 17275

• 16 Jul 2012

• #7

budha dijo:

Prueba añadiendole estilos a la clase que define el div, por ejemplo:

HTML:

.biografia-avatar img {border:none;padding: 0 10px 0 0;}

A ver si asi tienes mejor resultado.

Hacer clic para expandir...

Perfecto. Muchisimas gracias. Te lo agradezco

 

budha

Eta

Programador

Verificación en dos pasos activada

Verificado por Whatsapp

¡Ha verificado su Paypal!

• 16 Jul 2012

• #8

Siempre es un placer ayudar en lo posible :encouragement: